概要 「ページの表示速度をあげるため、JavaScriptやCSSファイルがレンダリングを妨害しないようにする」 という目的にたいして調べたことをまとめる。 分析ツール ページ表示速度を測定するために Lighthouse を利用しており、 分析結果の Eliminate render-blocking resources を減らすことがゴール。 Lighthouseは、Chrome検証モードのAuditsタブからも利用できる。 PageSpeed Insights(PSI)はlocalやstaging環境では利用できないが、 PSIの分析エンジンとして Lighthouse を使用しているため、Lighthouse を利用すると参考にしやすいかも。 (Lighthouse と PSI は、以前は異なる仕組みでパフォーマンスを測定していたため、チェックする指標は同一ではなく、同じ指標だった