-->
ラベル「高速化」の付いた投稿を表示しています。

ウェブに関する主な指標(LCP, FID, CLS)について

2020年5月末に PageSpeed Insights の表示が更新されて「最大コンテンツの描画(LCP)」「初回入力遅延(FID)」「累積レイアウト変更(CLS)」を ウェブに関する主な指標 として表示するようになりました。勉強がてらに他の関連の指標も含めてユーザーエクスペリ...

HTMLパース処理を中断して強制初回描画する

thumbnail
サイトの高速化について試行錯誤していたら、面白そうな現象を発見したので覚書です。 なにをするのか? ページがヘッダー部・コンテンツ部・フッター部に分割されているものとします。この時、「ヘッダー部のみをコンテンツ部・フッター部のHTMLパース処理を待たずに表示する」です。意図せずに...

FID(First Input Delay)とはなにか?

はじめに 次の資料にFID(First Input Delay)の詳しい説明があります。ただし、この資料を読んでも筆者には、FIDが何を意味するのか正確にはわかりませんでした。そこで、記事内で紹介されているpolyfillコードやPageSpeedInsightsの表示するFID...

Bloggerの表示速度を高速化する

thumbnail
忘却録です。Bloggerの高速化です。 結果 次の結果になりました。画像が古いため、現在は更に高速化しているはずです。 PageSpeed Insights GTmetrix Lighthouse (Audits) ウェブページ共通の高速化 長くなったため、記事を分割しました。...