1秒でも早く!Webサイトの高速化に役立つ3つのサービス


投稿日:2013年3月18日
  • 2
  • 8



これで無料とは信じられない、最適化に役立つWebサービス

http_spead

Webサイトの表示速度はユーザーの離脱率や、SEOに大きく影響します。

高速化するにも問題点がわからない!
そんなときに役立つ、Webサイトの問題点を教えてくれる3つのサービスを紹介します。


Web製作者向け「PageSpeed Insights

http_spead01

特徴

速度を測定するのではなく、構造上の問題を指摘してくれます。
共用サーバであれば、他の利用者との兼ね合いでスピードが変化します。また日本のサイトをアメリカで計測するのと、アメリカのサイトをアメリカで計測するのではかなりスピードに開きがあります。
そのため速度のデータはWebサイトの最適化作業にとっては参考程度にしかなりません。
そうした点で、PageSpeed InsightsはWeb製作者向けと言えます。

1.サイトの最適化具合を点数で表示。

http_spead02

2.修正点の優先順位を教えてくれる。

http_spead03

3.どのファイルを修正すればよいか詳細も表示してくれる。

http_spead04

ボトルネックの把握に役立つ「pingdom

http_spead05

特徴

ファイル1つ1つがどのような順序で読み込まれているか把握できるため、ボトルネックの発見に役立つ。また、ファイル1つについてもDNSConnectWaitと、どの時点で時間がかかっているか表示もしてくれるので、サーバサイドの改善にも利用できる。

1.タイムラインでファイル1つ一つの読み込み速度や、処理される順序を表示する

http_spead06

2.サイトの最適化具合を独自のチャートに変換して個別に得点で表示する

http_spead07

3.History機能があり、過去の点数と比較することができる

http_spead08

Page SpeedやYSlowが一度に確認できる「GTmetrix

http_spead09

Page Speedは上で紹介したGoogleの指標。YSlowYahoo!の指標で最適化の点数を表示します。どちらかというとYahoo!のほうが厳しい点数が出るようです。
一度に多くの問題点を把握したい場合に役立ちます。

1.Page SpeedやYSlowを同時に計測できるため問題点を多く把握できる。

http_spead10

2.タイムラインを確認することができる

http_spead11

3.詳細なレポートをpdfにして保存することができる

http_spead12

以上それぞれに特徴のある、便利なサイトを紹介しました。
把握したい問題に合わせてサービスを選択して、Webサイトを最適化に役立ててください。



現在のページを共有する



現在のページに関連する記事

1秒でも早く!Webサイトの高速化に役立つ3つのサービス Apacheにmod_pagespeedをインストールと初期設定をする方法
1秒でも早く!Webサイトの高速化に役立つ3つのサービス IPアドレスとドメインを結びつける、DNSサーバの役割と名前解決の仕組み
1秒でも早く!Webサイトの高速化に役立つ3つのサービス Web Fontの使い方とGoogle Fontsのオススメフォント 10選
検索エンジンに自分のサイトを登録 検索エンジンに自分のサイトを登録
1秒でも早く!Webサイトの高速化に役立つ3つのサービス BINDで構築したDNSサーバと、各種ネットワークの動作確認
1秒でも早く!Webサイトの高速化に役立つ3つのサービス 人気のVPSサービス、Saasesの「Osukiniサーバ」特有の初期設定と使い方
1秒でも早く!Webサイトの高速化に役立つ3つのサービス 一番人気のPHPフレームワーク「Laravel」でWebサービスを作りました

おすすめの記事

Google Fontsの日本語フォント「Noto Fonts」の使い方

Google Fontsの日本語フォント「Noto Fonts」の使い方

開発の最前線でクリエイター・エンジニアに必要なプログラミング言語

開発の最前線でクリエイター・エンジニアに必要なプログラミン…

知らなきゃ損!WordPressの表(テーブル)はExcelで作ろう!

知らなきゃ損!WordPressの表(テーブル)はExcelで作ろう!

PukiWikiで5段階評価を付けるプラグインを作成しました

PukiWikiで5段階評価を付けるプラグインを作成しました

コピペから脱出!iptablesの仕組みを理解して環境に合わせた設定をしよう

コピペから脱出!iptablesの仕組みを理解して環境に合わせた設…

SNSのカウントをキャッシュするWordPressのプラグインを作成しました

SNSのカウントをキャッシュするWordPressのプラグインを作成し…

Apacheのmod_expiresでファイルタイプごとにキャッシュをコントロールする方法

Apacheのmod_expiresでファイルタイプごとにキャッシュをコント…

FuckAdBlockを利用して自由自在にAdblock対策をする方法

FuckAdBlockを利用して自由自在にAdblock対策をする方法


コメントを残す

コメントは認証制のため、すぐには反映されません。

プログラミングに関する質問は「日本語でプログラミングの悩みを解決するQ&Aサイト sukegra」をご利用ください。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください