バグ取りの日々

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

PageSpeed Insights API の使用に関する覚書です。 簡易に試す まず、簡易なサンプルとして、 PageSpeed Insights API を使ってみます。ブラウザのURLバーに次のURLを入力してください。 https://www.googleapis.co...

はじめに GoogleAnalyticsの遅延読込みです。 analytics.js と ga() の設置処理を遅延処理します。遅延処理であるため、最後まで遅延した処理が呼び出されないことがあります。 onLazy.js は、最悪でも unload イベントで通知されます。ただし...

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

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

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