ウェブサイトの軽さを計る、面白くて便利なツール。
2013年05月23日 18時00分 月齢:13.5[待宵月] 潮汐:大潮
(最終更新日:2019年09月02日)
11年前に投稿 | ウェブ・IT関係 | コメントはありません
2分ぐらいで読めます。
この記事は情報が古い場合があります。
思わずあちこちで試してみたくなる、面白くて便利な表示速度測定ツールです。
今日は、Webサイト表示の高速化に役立つツールを紹介します。あるページを表示するのに、サーバー側とブラウザ側の、どこで時間がどれぐらいかかっているのかを、一発でわかりやすく表示してくれるブックマークレットです。
Chromeでは右クリックからブックマークへの追加ができないので、次のようにします
- リンク右クリックして[リンクアドレスをコピー]
- アドレスバーの[☆]をクリック
- [編集]ボタンをクリック
- [URL]にカーソルを移動して中身を全部消してクリップボードの内容を貼り付ける
- [名前]には「ページ速度チェック」とか適当に入れる
ページ表示のどこに時間がかかったかチェックするブックマークレット(このリンクを右クリックでブックマークに追加)
まず、↑このリンクを右クリックしてブックマーク(お気に入り)に追加してください。
(よくわからない場合は上記のリンクをクリックすれば、このページ表示の速度をその場で分析できます)
その後、表示速度が遅い原因を調べたいページをブラウザ表示した状態でこのブックマークレットを実行すると、そのページ内に、次のような速度分析が表示され、ページ表示のどの部分にどれぐらい時間がかかっているかが一目でわかります。
実行するたびに表示にかかった時間が異なることから、ウェブサイト自身の作りこみだけではなく回線などの影響も無視できないなぁと実感できます。
ちなみにほとんど何もないページでは94ミリ秒(0.094秒)で表示されました。当サイトを測ってみたら2.17秒。あ、さっき測ったときより速くなってるー。
古い記事・新しい記事
- 古い記事 [2013年05月13日]
- ← エックスサーバーのAWStatsをWindows8に対応させてみた。
- 新しい記事 [2013年08月24日]
- → EPSON Colorio PX-105をWindows2000で無線LAN接続できた。
他にも「ウェブ・IT関係」カテゴリの記事はいかがですか。
- ユニバーサルセレクタ(全称セレクタ)が結局使いやすい。
- Firefoxのアドオン、Greasemonkeyの2ちゃんねる用スクリプトで、外部リンクがうまく開かなくなったのを修正してみた。
- 「レジや金庫内のお金を数えるための計算フォーム」をPHP8に対応させてみた。
- PHPで簡単にランダム選択クイズを出す仕組みを作る。
- ieserverが終わったので、DDNS nowを使い始めた。
- 「#33cccc」「#66cccc」「#99cccc」のカラーグラデーションをまとめてみた。
- 百人一首をムリヤリ覚える選択式クイズPHP
- Firefoxで「右クリック禁止」を無効化してみた。
- キーボード交換。Mebius MURAMASA MT1-H1S
- Thunderbirdのタイトルバーを表示させて、クラシックモードに最適化。