[ソフト] Performance-Analyser – ウェブページのパフォーマンスを解析

Performance-Analyserは、ウェブページのパフォーマンスを解析して可視化してくれるブックマークレット。Resource Timing API、Navigation Timing API、User-Timingを使っているので、それらをサポートしたブラウザでなければ動作しない。

セットアップ

ブックマークレット

Chromeエクステンション

Performance-Analyser – Chrome ウェブストア
https://chrome.google.com/webstore/detail/performance-analyser/djgfmlohefpomchfabngccpbaflcahjf

使い方

ページのロードが終わったら、ブックマークレットかエクステンションのアイコンをクリックすることで解析結果が表示される。ウェブページのチューンアップのためのツールとして便利そう。

perfbook-full

参考サイト

micmro/performance-bookmarklet
https://github.com/micmro/performance-bookmarklet