15 日目の記事です。 DevToolsおれおれAdvent Calendar 2020やります。ひとりで。 ウェブクライアント側のパフォーマンスは主に読み込み時と実行時のふたつに分けることができます。今回はそのうち読み込み時のパフォーマンス改善について。 Lighthouse パネルのボタン一発で改善案が出てきます。その指示に従うと良いでしょう。 先にまとめ DevTools Lighthouse パネルを使う ボタン押すだけ 速度以外にもアクセシビリティとか SEO とか計測できるツール 改善案を提示 改善前に計測して、改善後と比較する ファイルサイズを減らすのが基本方針 Lighthouse を使った計測 さて計測なんですが、Lighthouse が初手として一番簡単かつ最後まで効果的です。なんてったってボタンを押すだけ。 DevTools 内にあり、ボタンを押すだけで手軽 結果が
![ウェブページの読み込みが遅いときはLighthouseで改善案を見て速度改善する(ひとり DevTools Advent Calendar 2020 – 15日目) | Ginpen.com](https://cdn-ak-scissors.b.st-hatena.com/image/square/de4af7f62b39439905833504e59ba1e153be6d8b/height=288;version=1;width=512/https%3A%2F%2Fginpen.com%2Fwp-content%2Fthemes%2Fginpen-theme%2Fimg%2Ficon-512.png)