レンダリングブロックとは
レンダリングブロックとは、ブログのＳＥＯで
何かしらの障害になっているもののようですね！？
デベロッパーツールで、
「レンダリングをブロックしているリクエスト」
というのがあったので、読んでみると
リクエストがページの最初のレンダリングをブロックしているため、
LCP が遅れる可能性があります。
これらのネットワークリクエストを遅らせるかインライン化すると、
クリティカル パスから移動できます。
とありました。
レンダリングってなんだ？
「レンダリング」ってなんなのか？
ＡＩに聞いてみると、
「コードを人が見える画面に変換すること」と
教えてくれました。
手順的には
- HTML読む（骨組み）
- CSS読む（見た目）
- それを合体させる
- 画面に表示する
この一連の流れが「レンダリング」ということです。
リソース名の右上赤い三角
デベロッパーツールのパフォーマンスタブで、
「リソース名」の右上に赤い三角が
表示されてるものがあります。
「レンダリングブロック」されているので、
「待ちが発生してますよ！」っていう意味です。
コメント