ブラウザの「レンダリングブロック」を制する者は、UXを制す。

現場で「なぜかページの表示が一瞬カクつく」「LCP（Largest Contentful Paint）が改善しない」といった悩みに直面したことはないだろうか？

多くのエンジニアが「なんとなく」で記述している `

ブラウザの挙動をコントロールする

---

4. 現場のチーフアーキテクトからのアドバイス

「公式ドキュメント通りにやってるのに遅い」という時は、往々にして「重要ではないリソースが、重要なリソースの帯域を奪っている」ケースがほとんどだ。

• クリティカルパスの特定: `Chrome DevTools` の `Coverage` タブを見てほしい。今読み込んでいるJSのうち、実際に実行されているコードはどれくらいある？
• 動的な制御: `module` スクリプトはデフォルトで `defer` 属性が付与されているのと同じ挙動をする。モダンブラウザのみをターゲットにするなら、`