だいたいの表示速度を把握する

WordPress.com のブログ・サイトの各ページを作成していると、その中に表示の重いページが出てくることがあります。

そういうときにそういったページの表示速度を定量的に把握する方法として私自身が 2015-09-04 現在、採っている方法等についての覚え書きです。

2015-09-04 at 8.10

表示速度の把握で使っているツール

2015-09-04現在、以下のページにあるブックマークレットを使って、各ページの表示速度の把握を行っています。

上図リンク部分をブックマークバー等にドラッグ&ドロップ。

2015-09-04 at 8.13

適宜、ブックマークレットの名称を変更し、保存。

2015-09-04 at 8.12

そのブックマークレットをクリックすると、

2015-09-04 at 8.12

現在、開いているページの表示速度等のデータ一覧が表示されます。

2015-09-04 at 8.10

いろんなデータが表示されていますが、私自身は、以下の表示時間と

2015-09-04 at 8.15

データの読み取り時間を示していると思われる緑色の部分と FIrefox 等での表示処理の時間を示していると思われる水色の部分との割合をチェックしています。

2015-09-04 at 8.47

 

WordPress.com で表示が重くなりやすいページ

上記ブックマークレットを使って、いろんなページの表示速度を測定していくと、以下のページで表示速度が遅くなりやすいようです。

フロントページ (トップページ)

情報量自体が多いので、どうしても表示に時間がかかってしまうようです。

2015-09-04 at 8.24

時と場合によって、かなりブレがありますが、2015-09-04現在はだいたいこんな感じです。

2015-09-04 at 8.26

画像をたくさん使っているページ

みなさん、なんとなく感じているとおり、画像をたくさん貼ると表示速度に時間がかかるようになります。

例えば、以下のページの場合、

2015-09-04 at 8.30
Sela

これくらいかかります。

2015-09-04 at 8.29

画像の量が減ると、

2015-09-04 at 8.35
【WordPress.com】「参加サイト」へのブログ・サイトの登録・削除

表示速度はそれなりに速くなります。

2015-09-04 at 8.34

YouTube 等の埋め込みメディアをたくさん使っているページ

YouTube 等の埋め込みメディアをたくさん使うと表示が重くなるようです。

たとえば、YouTube 等を5つ、埋め込んである以下のページの場合だと、

結構、表示に時間がかかるようになります。

2015-09-04 at 8.38

カテゴリーアーカイブを表示するページ

カテゴリーが多くなると、

2015-09-04 at 8.44
カテゴリー別アーカイブ

カテゴリーの一覧を表示するのに時間がかかるようになります。

2015-09-04 at 8.43

他のページの傾向と違い、

2015-09-04 at 8.51

通常のページでのデータの読み取りと表示処理の割合

データの読み取りに結構、時間を使っているようです。

2015-09-04 at 8.43

カテゴリーアーカイブページでのデータの読み取りと表示処理の割合

なお、このブログは 2015-09-04現在、1321個のカテゴリーを使用しており、通常のブログよりもかなりたくさんのカテゴリーを使っているので、普通に使っている分には、それほど気にする必要はないのかもしれません。

ショートコード「display-posts」を使っているページ

ショートコード「display-posts」では多くのデータを処理するため、

2015-09-04 at 8.54

結構、表示に時間がかかるようです。

2015-09-04 at 8.53


余談

なお、レンタルサーバ等にインストールして使うタイプの WordPress を使って、それなりに速いレンタルサーバを採用すると、たとえば、以下のサイトのように

2015-09-04 at 8.58
コリス

表示速度を速くすることができます。

2015-09-04 at 8.57

なお、ニュースサイト等をいくつかチェックしてみたところ、こんな感じでした。正確なところはよくわかりませんが、印象としては、広告の表示で時間を食っている感じがしました。

日本経済新聞

2015-09-04 at 9.07

読売新聞

2015-09-04 at 9.09

時事ドットコム

2015-09-04 at 9.03

テレビ朝日

2015-09-04 at 9.05

産経ニュース

2015-09-04 at 9.13

イチロー – Wikipedia

2015-09-04 at 9.17

 

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト /  変更 )

Google フォト

Google アカウントを使ってコメントしています。 ログアウト /  変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト /  変更 )

%s と連携中

%d人のブロガーが「いいね」をつけました。