新規作成日 2016-05-30
最終更新日
Webページの表示速度測定サービス
Webページの表示速度を計測してくれるサービスが提供されています。利用して表示速度の遅いWebbページを特定しましょう
- PageSpeed Insights(外部サイト)
- Google Analytics(外部サイト)
- Pingdom Website Speed Test(外部サイト)
- GTmetrix(外部サイト)
Webページの表示速度を向上させる方法
- サーバーとの通信量の削減
画像ファイルの縮小や減色など
- Kraken.io(外部サイト)
- OPTPiX Webfree(外部サイト)
- サーバーとの通信回数の削減
ファイルをまとめたり、削減したりする事によって通信回数を減らす。
具体的には、
- 小さなcssやJavaスクリプトを外部化せずにHtml内にまとめる
- 複数のアイコンを1つの画像にまとめ、cssでアイコンの座標を指定して表示させる「css Sprite」という方法を利用する
- cssやJavaScriptの読み込み順の改善
Javaスクリプトの処理が終了してからコンテンツを表示するか、コンテンツを表示してからJavaスクリプトの処理を開始するかで体感速度が変わる。