【Deprecated】フロントエンドパフォーマンス分析 はじめの一歩 - Qiita

【Deprecated】新しく Web パフォーマンス分析の概観という記事を書き直しました。 Webパフォーマンス Advent Calendar 2017 8日目です。 私がフロントエンドのパフォーマンスを始めて4ヶ月程経ちました。 フロントエンドにおけるパフォーマンス分析を行うにあたり、学んでおくべきことの概要としての記事を書いておきたいと思います。 尚、フロントエンドとは言うものの、どちらかというと「フロントエンドからわかること」を分析する、という方向性なので、改善策自体はバックエンドやインフラストラクチャーの部分になる場合もあります。 分析と計測の方法 ウォーターフォールチャート ウォーターフォールチャートというのは、Chrome DevTools の Network タブにあるアレです。開発手法のアレとは特に関係ありません。 ウォーターフォールチャートを確認することで、どのファイ