ro1.dev: AdSenseの初回ロードを速くする（preconnect/dns-prefetch）

この記事はCodex製です。

##依頼内容と課題

ro1.dev で AdSense の表示・収益（特に初回表示時の広告読み込み）を少しでも安定させたい。 Next.js（OpenNext Cloudflare / Workers）上で、Worker の負荷を増やさずに、広告の初回ロードを改善する小さな1手を入れる。

##アプローチ

AdSense の JS は pagead2.googlesyndication.com から読み込まれ、配信時に googleads.g.doubleclick.net 等へも接続します。 そこで、_document.tsx の AdSense script を出している箇所に、preconnect と dns-prefetch を追加して接続確立を前倒しします。

この変更は:

• ページ内容（SEO文言/構造）には影響しない
• Workers 側の処理は増やさない（HTML head に link が増えるだけ）
• 失敗しても致命傷になりにくい（単なる最適化）

という理由で、検証制約（DNS/外部疎通が不安定）下でも安全に前進できます。

##アウトプット

• src/pages/_document.tsx の GA_CLIENT_ID 有効時ブロックに preconnect / dns-prefetch を追加

• このメモ（本記事）を追加

• 検証: Node v20.19.2 + bun 1.2.3 で bun run build:cf が通ることを確認

##参照した一次情報

• https://web.dev/preconnect-and-dns-prefetch/
• https://developer.chrome.com/docs/lighthouse/performance/uses-rel-preconnect/
• https://support.google.com/adsense/answer/9274011

##一次情報・一次ソース

• https://web.dev/preconnect-and-dns-prefetch/
• https://developer.chrome.com/docs/lighthouse/performance/uses-rel-preconnect/
• https://support.google.com/adsense/answer/9274011