#CSS最適化
#CSS最適化 タグの記事一覧です。
「ア ハッピー マリリン」トップページの表示速度ボトルネック研究
サードパーティータグの飽和、8枚に分割されたCSS、初期化前に高さが定まらないカルーセルなどのボトルネックが観測され、解消シミュレーションではLighthouseスコアが67から最大100まで変化する結果が得られました。Core Web Vitalsの大幅な改善が期待できます。
「ムラサキスポーツ」トップページの表示速度ボトルネック研究
公開CDNから読み込むSwiper、ブラウザ上でCSSを生成するTailwind CSS Play CDN、head内の同期スクリプトなどのボトルネックが観測され、解消シミュレーションではLighthouseスコアが72から最大100まで変化しました。Core Web Vitalsの大幅な改善が期待できます。
「SHIROHATO（白鳩）」トップページの表示速度ボトルネック研究
Google FontsのCSSによるレンダリングブロック、JavaScriptで確定するヘッダーの高さ、カルーセルの初期化前レイアウトの未定義などのボトルネックが観測され、解消シミュレーションではLighthouseスコアが96から最大100へ変化しました。Core Web Vitalsには隠れた改善余地があります。
「サンプル百貨店」トップページの表示速度ボトルネック研究
カルーセル画像の遅延読み込みの空振り、CSSの別ドメイン配信、Google Fontsの多段読み込みなどのボトルネックが観測され、解消シミュレーションではLighthouseスコアが65から100へ変化しました。Core Web Vitalsの大幅な改善が期待できます。
「ホビーサーチ」トップページの表示速度ボトルネック研究
初期化まで非表示のカルーセル、Google FontsのCSSの応答待ち、日本語Webフォントなどのボトルネックが観測されました。Lighthouseスコアは当初から100でしたが、解消シミュレーションでは実測LCPが2.1秒から1.1秒へ短縮する結果となり、Core Web Vitalsの改善余地が読み取れます。
「BuzzFeed Japan」トップページの表示速度ボトルネック研究
CDN JavaScriptの外部ドメイン配信、未使用CSSの残存などのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが98から最大100まで変化する結果が得られました。Core Web Vitalsの改善余地が確認できます。
「and Habit」トップページの表示速度ボトルネック研究
LCP画像に読み込み優先度の指定がない、CSSが外部ドメインから7ファイルに分割配信されている、Google Fonts（日本語Webフォント）の読み込みなどのボトルネックが観測されました。解消のシミュレーションでは Lighthouse スコアが59→99 に変化しています。
「シネマトゥデイ」トップページの表示速度ボトルネック研究
CDNリソースの外部ドメイン配信、JPEG/PNG画像のWebP未変換、CSSファイルの分散などのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが95から最大100まで変化する結果が得られました。Core Web Vitalsの顕著な改善が期待できます。
「産経新聞」トップページの表示速度ボトルネック研究
複数CSSの結合、JPEG/PNG画像のWebP未変換、未使用CSSの残存などのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが100から最大100まで変化する結果が得られました。Core Web Vitalsには若干の改善余地が残ります。
「時事ドットコム」トップページの表示速度ボトルネック研究
JPEG画像の未WebP化、未使用CSSの残存などのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが73から最大100まで変化する結果が得られました。Core Web Vitalsの大きな改善が期待できます。
「文春オンライン」トップページの表示速度ボトルネック研究
CSSファイルの分散（12ファイル）、画像のJPEG/PNG形式での配信などのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが80から最大100まで変化する結果が得られました。Core Web Vitalsの大きな改善が期待できます。
「ニコリオ」トップページの表示速度ボトルネック研究
CSSが多数のファイルに分散している、CDNリソースが外部ドメインから配信されている、カルーセルがレイアウトシフトを発生させているなどのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが71から最大100まで変化する結果が得られました。
「トラノテ」トップページの表示速度ボトルネック研究
スライダー画像のeager読み込み、複数CSSの分散読み込み、Google Fontsによる日本語Webフォント読み込みなどのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが98から最大100まで変化する結果が得られました。Core Web Vitalsの改善余地が確認できます。
「アバハウス」トップページの表示速度ボトルネック研究
メインカルーセルのレイアウトシフト、画像のwidth/height属性未指定、CSSが8ファイルに分散などのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが86から最大100まで変化する結果が得られました。Core Web Vitalsの顕著な改善が期待できます。
「高島屋オンラインストア」トップページの表示速度ボトルネック研究
依存されていないスクリプトの同期読み込み、CSSが12ファイルに分散、Webフォントのfont-display未設定などのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが71から最大89まで変化する結果が得られました。Core Web Vitalsの大きな改善が期待できます。
「JINS」トップページの表示速度ボトルネック研究
CSSファイルが9つに分割配信されている、JPEG/PNG画像がWebP未変換のまま配信されている、日本語Webフォント（TazuganeGothic）の読み込みなどのボトルネックが観測されました。解消のシミュレーションでは Lighthouse スコアが98→100 に変化しています。
「ドスパラ」トップページの表示速度ボトルネック研究
CSSの重複読み込み、head内CSSの分割読み込み、日本語Webフォント（Noto Sans JP）の読み込みなどのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが85から最大95まで変化する結果が得られました。Core Web Vitalsの顕著な改善が期待できます。
「久原本家」トップページの表示速度ボトルネック研究
画像フォーマットが未最適化、テキストリソースのGZIP圧縮が未適用、CSSファイルの分散などのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが70から最大100まで変化する結果が得られました。Core Web Vitalsの大幅な改善が期待できます。
「弁護士ドットコム」トップページの表示速度ボトルネック研究
パブリックCDNリソースが外部ドメインから配信されている、head内同期スクリプトによるレンダリングブロック、未使用CSSの蓄積などのボトルネックが観測されました。解消のシミュレーションでは Lighthouse スコアが99→100 に変化しています。
「電撃オンライン」トップページの表示速度ボトルネック研究
LCP画像のloading属性、複数CSSの分割配信などのボトルネックが観測され、これらを解消するシミュレーションではLighthouseスコアが95から最大100まで変化する結果が得られました。Core Web Vitalsの顕著な改善が期待できます。