まず結論から言うと…
JavaScriptの遅延読み込み。SEOに効くか、っていう話。
効く。…でも、やり方次第。下手にやると、逆にCore Web Vitalsを悪化させて、順位に悪影響が出る可能性もある。特にLCP（Largest Contentful Paint）には注意が必要。そこが今日のメモの核心。
で、なんでSEOに関係あるの？
すごくシンプル。Googleが「ページの表示体験」をランキング要因にしてるから。 その指標が「Core Web Vitals」。
具体的には、この3つ。
- LCP (Largest Contentful Paint): 主要なコンテンツがどれだけ早く表示されるか。
- INP (Interaction to Next Paint): クリックとかの操作にどれだけ速く反応するか。（以前はFIDだったけど、今はINPが主流）
- CLS (Cumulative Layout Shift): 読み込み中にレイアウトがガタガタ動かないか。
JavaScriptの読み込みが重いと、ブラウザの処理がブロックされて、LCPやINPが悪化する。 遅延読み込みは、この「ブロック」を避けて、体感速度を上げるためのテクニック。だから、間接的にSEOに効くってわけ。
JavaScriptを遅延させる、主な方法
やり方はいくつかある。昔からあるものと、最近のモダンなやり方と。
| 方法 | どんな感じか | 使いどころ |
|---|---|---|
|
