1クリックで、Webページのパフォーマンスが最適化がどうかヒートマップを使って視覚的に分かりやすく表示してくれるブックマークレットを紹介します。 表示されている時間は二つあり、一つ目はユーザーが画像を見るために要する時間、二つ目はブラウザがロードするのに要した時間です。 ヒートマップはグリーンに近いほど早く、レッドに近いほど遅いということです。 下部のバーはページ全体のパフォーマンスで、「First Paint」はページの表示が始まった時間、「Fully Loaded」はページ全てのローディングを終えた時間です。 Bookmarklet PerfMapの使い方は簡単で、下記をChromeのブックマークに加えます。 ※対応ブラウザは現在、Chromeのみです。 javascript:(function(){var el=document.createElement('script');el.
![簡単で便利!Webページのパフォーマンスをヒートマップで視覚化するブックマークレット -Perfmap](https://cdn-ak-scissors.b.st-hatena.com/image/square/9e6879b837cdcb23b4e0b331bff6d17b3a14885d/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201404%2F2014101405.png)