第12回 Lighthouseでゆまラボを測定する―Performance・Accessibility・Best Practices・SEOを実測する
公開中のゆまラボTOPページをChrome DevToolsのLighthouseでMobile測定。Performance 91、Accessibility 96、Best Practices 100、SEO 100となり、LCPや画像配信、CSS、アクセス解析用JavaScriptの改善候補まで確認した記録。
パフォーマンス
パフォーマンスのタグが付いた記事です。
3件の記事
PCでは問題ないのにスマホで画像表示が止まる―重い画像が与える影響とAstroでの対策
PCでは問題なく読めたページが、スマホでは画像付近で止まったように見えた経験から、重い画像がモバイル表示へ与える影響を確認します。ゆまラボでAstroの画像最適化、srcset、WebP、遅延読み込みを適用した実測も振り返ります。
第27回 画像表示を見直す―Astroの画像最適化と遅延読み込みでページを軽くする
記事本文の画像をAstro標準の画像処理へ移し、WebP、srcset、sizes、width/height、loading="lazy"を追加。278個の画像ファイルと281件の参照を対象に、容量削減とPC・スマホ表示を確認した記録です。