smartcamp-inoue https://blog.hatena.ne.jp/smartcamp-inoue/ SMARTCAMP Engineer Blog https://tech.smartcamp.co.jp/ パフォーマンス Lighthouse フロントエンド スマートキャンプのエンジニア井上です！ 多くの開発要望がある中で、エンジニアのみでインパクトのある改善をするときにによくあげられるのがサイトの パフォーマンス改善 かと思います。 今回はサイトのスピート計測ツールである、 Google PageSpeed Insightsで使用されているLighthouseのスコア を参考にして、実際に効果があった施策をご紹介します！ Google PageSpeed Insightsとは Lighthouseとは Performance項目改善の進め方 実際の対策 レンダリングブロック対応 指摘内容 対策 画像圧縮対応 指摘内容 対策 オフスクリーン画像の遅… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.smartcamp.co.jp%2Fentry%2F2019%2F08%2F16%2F180000" title="LighthouseのPerformance項目で40点上げた方法 - SMARTCAMP Engineer Blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/t/tkgwy/20190816/20190816150504.png Hatena Blog https://hatena.blog 2019-08-16 18:00:00 rich https://tech.smartcamp.co.jp/entry/2019/08/16/180000 1.0 100%