メディア・情報サイトの表示速度最適化【記事ページの離脱を防ぐ】
メディアサイトは記事ページのスマホ閲覧が主役で、表示速度が直帰率と AdSense 収益に直結します。3秒で出ない記事は40%以上が離脱（Google公表）。Core Web Vitals 改善は SEO + 広告収益の両方に効きます。
▼ あなたのサイトを30秒で採点
01 WHY IT MATTERS
なぜメディアでこの対策が特に重要か
メディアサイトはアクセス数で広告収益が決まるが、Google は遅いメディアサイトの検索順位を厳しく落とします。Discover（Google ニュースタブ）への露出も Core Web Vitals が条件に含まれており、速度は広告収益の足腰です。
02 STEPS · 5 STAGES
具体的に何をすればいいか
STEP 1: 記事ページの画像 lazy loading + WebP/AVIF
記事内画像10〜20枚を WebP/AVIF 化 + lazy loading 実装。loading="lazy" 属性 + width/height 属性指定で CLS 0.1以下を維持。
STEP 2: 関連記事・人気記事ウィジェットの軽量化
Yet Another Related Posts Plugin 等の重いウィジェットを、軽量Related Posts Manager等に置換。または素のSQLクエリ + キャッシュで自前実装。
STEP 3: AdSense / 広告タグの遅延読込
AdSense自動広告は重く、Above the Fold以外の広告は lazy loading（IntersectionObserver）に。広告収益を維持しつつLCP改善が可能。
STEP 4: 目次（TOC）プラグインの自前実装化
Easy Table of Contents 等は便利だが追加CSS/JS が重い。HTML + CSS の2KB自前TOCに置換で50KB削減。
STEP 5: コメント欄（Disqus 等）の遅延読込
Disqus 公式埋込はサードパーティJS が大量で重い。クリックで展開する遅延読込 + 静的代替コメント数表示で初期負荷ゼロ。
03 COMMON FAILURES
メディアでありがちな3つの失敗
FAIL #1
AdSense 自動広告で広告10箇所配置
AdSense 自動広告は便利だが速度致命傷。手動配置で3〜5箇所に絞り、Above the Fold以外は遅延読込に。
FAIL #2
記事内画像が WordPress オリジナル4MB
ライターがリサイズせずアップロードする失敗。CMS側でアップロード時に自動WebP化＋リサイズの仕組みを構築してください。
FAIL #3
Yahoo!JAPAN 広告 + AdSense + Amazon Associates 全部入り
複数広告ネットワーク併用で重複読込が発生。1〜2ネットワークに絞る or PrebidJSで統合。
04 FAQ
よくある質問
Q. メディアサイトは AdSense 収益重視なので速度は犠牲にすべき？＋
逆です。Google は遅いメディアの検索順位を下げるため、速度悪化 = アクセス数減 = 広告収益減。速度改善が広告収益最大化の道です。
Q. WordPress でメディアサイトは遅すぎますか？＋
適切に最適化すれば WordPress でもモバイル80点以上は出せます。Cocoon / SWELL 等の軽量テーマ + Cloudflare CDN + WP Rocket の3点で多くは改善します。
Q. 記事数が多いと遅くなりますか？＋
記事数自体は速度に影響しません。1記事ページ内の画像数・広告数・プラグイン数が問題です。記事数は SEO 上有利なので増やしてください。
05 YOUR TURN
あなたのメディアサイトを30秒で採点
URL を入れるだけで20項目を100点満点で自動採点します。本記事の5ステップが実装できているか、すぐに確認できます。登録不要・完全無料。
RELATED TOPICS
メディアの他のチェックリスト
OTHER INDUSTRIES · 表示速度最適化