入門
Chrome DevToolsでパフォーマンス計測
3

背景画像の読み込みと表示が遅れるため、チカっと途中で差し変わる現象が確認できました。この記事では、なぜ画像の読み込みが遅れてしまうのか、その原因をブラウザの描画の仕組みから解き明かします。

矢倉 眞隆
矢倉 眞隆 | フロントエンド・エンジニア

前回記録したタイムラインのうち、主に描画処理の様子を確認できるフレームチャートの見方を解説します。タイトルの背景画像が描画されるまでに起こっていることを詳しく確認することができます。

矢倉 眞隆
矢倉 眞隆 | フロントエンド・エンジニア

昨今、パフォーマンスはページロード時の読み込みの速さだけではなく、ユーザー操作時における速度も重要です。そんな計測に役立つChrome DevToolsのタイムライン機能について詳しく解説します。

矢倉 眞隆
矢倉 眞隆 | フロントエンド・エンジニア