Google PageSpeed Insights でパフォーマンスチューニング
Googleの Page Speed Insightsが新しくなったので試してみたけどかなり使いやすくなっています。Google Chrome Extensionsとしても公開されているのでChromeウェブストアからインストールできます。
インストールするとChromeのDeveloper Toolsの一番右にPage Speedというメニューが追加されています。パフォーマンスチューニングをしたいページを選んで左上の「分析」を押すだけです。
ちょっと待つと分析結果が表示されます。
結果は「高い優先度」と「中間の優先度」、「低い優先度」、「試験的なルール」に分かれているで何処から手を付けたらいいか一発でわかります。
例えば、「高い優先度」の「画像を最適化する」を見ると画像を圧縮しろと怒られます。どれぐらいファイルサイズが軽減されるかなども合わせて教えてくれます。
「ブラウザキャッシュを活用する」を見るとExpiresでキャッシュが利用されてないファイルの一覧が表示されます。
「CSSスプライトに画像をまとめる」を見るとCSS スプライト化したほうがよい画像の一覧が表示さます。
PageSpeed Insightsはちゃんと日本語で解説してくれているし、やることが明確なので改善ツールとしてはかなり良いかなと思いますのでお試しあれ。(このサイトもスコアが悪かったので、そろそろCSS3でプチリニューアルしたいな。)
スポンサードリンク
«MacのCodeKitでCompassを使う | メイン | iOSシミュレータでWebインスペクタが利用できる「iWebInspector」»