ブラウザの「先読み」を使いこなす：PreloadとPrefetchの境界線
現場でパフォーマンスチューニングをしていると、必ずぶつかる壁がある。「読み込みを速くしたい」という一心で、とりあえず手当たり次第にリソースを先読みしようとするエンジニアをよく見かける。だが、それは往々にして逆効果だ。
ブラウザのレンダリングパイプラインを理解せずに行う最適化は、ただの「無駄な帯域消費」に過ぎない。今日は、現場の第一線で戦う君たちに向けて、`Preload`と`Prefetch`の明確な使い分けと、ブラウザの内部で何が起きているのかという「裏側の真実」を共有しよう。
—
1. Preload：今のページを「最短」で描き切るための切り札
`preload`は、「今、まさに表示しようとしているページ」に必要なリソースを、ブラウザのパーサーが発見する前に強制的にダウンロードさせる仕組みだ。
ブラウザの裏側で起きていること
HTMLをパースしている最中、ブラウザは`
コメント