1. HOME
  2. ホームページ作成の小技
  3. ホームページの速度を知りたい
TECHNIQUES

ホームページ作成の小技集

オンライン、web上で無料で使えるツール

ホームページの速度を知りたい

東京のHP制作会社 さくっとホームページ制作

ホームページの速度が早いのか遅いのか気になることがあります。そのようなときは以下のサイトにて速度を測定することが可能です。

ホームページの速度を計測する方法

計測サイト名 GTmetrix
サイトURL https://gtmetrix.com/

・上記のホームページにアクセスを行います。

・その後、以下の赤枠のところにURLを入力し「Test your site」をクリックして待つだけです。

その後、以下の赤枠のところにURLを入力し「Test your site」をクリックして待つだけ

 

このサイトを計測したところ以下のようになりました。

計測したところ

スピード狂には設定していないので、こんなところかと思っています。日々更新に気を追加すぎても疲れすぎてしまうので、何事もほどほどで継続することがホームページ運用において大事です。

英語→日本語に変換して読みましょう!

といってもちょっと結果をみてみましょう

結果

主な問題からすると

・アンロードイベントリスナーの回避→チャットプラスの件だったので放置
・コンテンツ配信ネットワーク(CDN)→アクセス数が増加したら・・・

 

「waterfall」タブを見てみましょう。約すと「滝」で表示されています。

ここでは何を知ることができるのかというと、どんな風に読み込んでどんだけの時間がかかっているのかを知ることができます。

「waterfall」タブ

ほどほどにと思っているので各種データの読み込み速度が500ms以下で、できれば400ms以下でって考えていたのですが・・・・。なんか遅い人がいますね。

これだとWEBフォントのwoffを読み込みに600msにかかっているとのことです。WEBフォントはきれいに見せたり、アイコンを利用できたりと見た目的には良いのですがスピード狂からすると天敵になります。

もし読み込み速度が著しく遅いものがあれば、調整すれば、ホームページの速度改善になります。やり過ぎると日々の更新が面倒になるのでほどほどにするのがよいでしょうか。

この先は、CDNとお付き合いしながら表示速度改善になっていくかと思います。

表示速度改善