#CLS
#CLS タグの記事一覧です。
「ドスパラ」トップページの表示速度ボトルネック研究
CSSの重複読み込み、head内CSSの分割読み込み、日本語Webフォント（Noto Sans JP）の読み込みなどのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが85から最大95まで変化する結果が得られました。Core Web Vitalsの顕著な改善が期待できます。
「ドクターシーラボ」トップページの表示速度ボトルネック研究
カルーセルの初期レイアウト未確保、LCP画像の読み込み優先度未設定、Google Fontsによるレンダリングブロックなどのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが50から最大100まで変化する結果が得られました。Core Web Vitalsの大幅な改善が期待できます。
「久原本家」トップページの表示速度ボトルネック研究
画像フォーマットが未最適化、テキストリソースのGZIP圧縮が未適用、CSSファイルの分散などのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが70から最大100まで変化する結果が得られました。Core Web Vitalsの大幅な改善が期待できます。
「ホームセンターバロー」トップページの表示速度ボトルネック研究
ファーストビュー外画像の一括読み込み、jQuery CDNの外部ドメイン配信、画像フォーマットの未最適化などのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが35から最大100まで変化する結果が得られました。Core Web Vitalsの大幅な改善が期待できます。
「フランドルオンライン」トップページの表示速度ボトルネック研究
スライダーの初期化によるレイアウトシフト、jQuery CDNが外部ドメインから配信、JPEG/PNG画像のWebP未変換などのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが47から最大100まで変化する結果が得られました。Core Web Vitalsの大幅な改善が期待できます。
「TOMIZ」トップページの表示速度ボトルネック研究
画像のwidth/height属性未指定によるレイアウトシフト、JPEG/PNG画像のWebP未変換などのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが60から最大98まで変化する結果が得られました。Core Web Vitalsの大幅な改善が期待できます。
「ライフハッカー日本版」トップページの表示速度ボトルネック研究
Next.jsハイドレーションスクリプトによるレイアウトシフト、Google Fontsによる欧文Webフォント読み込み、別ドメインから配信されていた `CSS`などのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが92から最大99まで変化する結果が得られました。Core Web Vitalsの顕著な改善が期待できます。
「ニューズウィーク日本版」トップページの表示速度ボトルネック研究
head内の同期スクリプト、LCP画像の遅延読み込み設定、複数CSSファイルの分散などのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが62から最大100まで変化する結果が得られました。Core Web Vitalsの大幅な改善が期待できます。