どうしたらいいのNAVI

どうしたらいいの?にお答えするサイト

【ツール】サイトやブログの表示速度を評価するYSlow

      2015/11/07


サイトブログの表示速度を測定するツールにYSlowというツールがあります。
サイトやブログを運営していると、よく話題に上がる「パフォーマンス」や「高速化」などなど、Webコンテンツを作成する上では、よくいわれるキーワードですよね。

 
サイトやブログを運営する上では、SEO的にもユーザービリティー的にもサイトやブログの表示速度を向上しておきたいものですよね。
表示速度を向上させる上では、自分のサイトやブログの現状を知る必要があり、表示速度も「今自分のサイトやブログがどれくらいの速度なのか」を把握する事が重要です。

 
そこで、サイトやブログの表示速度を測定するのに使えるのが、YSlowです。

 
YSlowというのは一体どんなものなのでしょうか。
YSlowについて簡単でわかりやすく、詳しく紹介しているのでチェックしていってくださいね。

 

 
【ツール】サイトやブログの表示速度を測定するYSlow
 

 

サイトやブログの表示速度を測定するYSlowとは

サイトやブログの表示速度を測定するYSlowとは、アメリカの「Yahoo!」が提供するツールの一つで、サイトやブログの表示速度を測定し、評価してくれるGoogle ChromeとFireFoxの拡張機能・アドオンです。

 
サイトやブログのHTMLや、Apacheの設定ファイル(.htaccessやhttpd.conf)の記述だけで効果が得られるTipsとなっています。

 
YSlowを利用する事で、サイトやブログの表示速度の低下の原因となっている箇所やネックとなっているリソース、特に弱い項目や改善すべき内容などの提案を受ける事が出来ます。

 
YSlowで受ける提案の項目がすべて正しいというわけではありませんが、検証し、対処する事でサイトやブログの表示速度が大幅に改善される事も多いため、パフォーマンス改善の方法がわからないという人は利用をオススメしたいツールです。

 
最近では単純にページの表示速度を測って表示するだけのツールではなく、改善項目まで示してくれるツールも多くなってきましたね。

 

 

 

 

YSlowの導入方法

YSlowはFireFoxとGoogle Chromeのアドオンとして提供されていて、それぞれのブラウザで導入方法が若干異なります。
Fire Fox、Google ChromeのアドオンにYSlowを導入する方法を見ていきましょう。

 

 

 

Google ChromeにYSlowを導入する方法

Google ChromeにYSlowを導入する
Google ChromeにYSlowを導入するには、次の手順を行う必要があります。

  • Chrome ウェブストアのYSlowのページにアクセスする
  • ChromeにYSlowを追加する
  • YSlowが動作するか使ってみる

 
YSlowをGoogle Chromeで利用するには、ChromeのウェブストアからYSlowを拡張機能としてChromeに追加する必要があります。
YSlowはダウンロードも利用も無料なので、お金の心配はありません。

 
ChromeウェブストアのYSlowのページは次のリンクのページです。
YSlow – Chrome ウェブストア

 
Chromeウェブストアにアクセス出来たら、実際にChromeにYSlowを導入しましょう。
ChromeにYSlowを導入するには、画面の「Chromeに追加」ボタンを押します。

 
『「YSlow」を追加しますか?』というメッセージが表示されたら、「拡張機能を追加」ボタンを押してください。
YSlowの追加が終わると、Google Chromeに次の画像のイメージのスピードメーターのようなアイコンが追加されているはずです。
ChromeにYSlowを追加する スピードメーター

 
ChromeにYSlowが拡張機能として追加されたら、スピードメーターのアイコンを押してYSlowを実際に起動しましょう。
スピードメーターのアイコンを押すとYSlowの機能が表示されます。

 
「Check here if the current page prevents itself from being embedded/iframed. A simpler post onload detection will be used instead.」と書かれたチェックボックスにチェックを入れて、「Run Test」ボタンを押してみましょう。

 
YSlowによる検証が完了すると、画像で紹介したようなサイトやブログのページのパフォーマンスを検証した結果が表示されます。
YSlowが動作するか使ってみる 検証完了

 
総評をグレードで示すとともにそれぞれの指標についてランク付けされて評価されます。

 
Google ChromeにYSlowを導入する方法は「【Chrome】サイトのパフォーマンスを評価するYSlowの導入方法」で簡単でわかりやすく、更に詳しく解説しているのでチェックしていってください。

 

 

 

FireFoxにYSlowを導入する方法

【テンプレート】執筆中
当項目は、現在検索需要が見込まれないか、筆者のブログ運営に余裕が出てきたら再度執筆する項目となっています。
当項目に興味をお持ちの方は大変申し訳ございません。

 

 

 

 

YSlowの使い方

YSlowの使い方
YSlowの導入が済んだら、実際にYSlowを使ってみましょう。
YSlowは次の手順で使用する事が出来ます。

  • パフォーマンスを評価したいサイト・ブログのページへアクセス
  • ブラウザ拡張機能のYSlowを起動して評価を開始する
  • YSlowの評価内容を確認する

 
YSlowを導入したブラウザで実際にパフォーマンスを評価したいサイト・ブログのページへアクセスしましょう。
表示速度を評価したいサイトやブログのページにアクセスしたら、次にブラウザ拡張機能のYSlowを起動して評価を開始しましょう。
YSlowの評価内容を確認すると、YSlowの持つ指標を元にサイトやページの各項目に対して評価され、提案内容も同時に表示されます。

 

 

 

 

スポンサーリンク


サイトやブログの表示速度を評価するYSlowを読むうえで知っておきたい知識

サイトやブログの表示速度を評価するYSlowを読む上で知っておきたい事について紹介します。
何かに困った時に他の方法を思いついたり、用語がわからなくて読みづらいと感じた場合は、これから紹介する事を参考にしてみてください。

 

 

 

サイト・ブログのパフォーマンスをチェックするツール

【ツール】ブログ・サイトのパフォーマンスチェックのツール
ブログ・サイトのパフォーマンスをチェックするツールにはいろいろな種類があり、Webツールなのかブラウザのアドオンなのか等々、ツールそのものの使い方が違う場合もあります。

 
パフォーマンスチェックツールを選ぶ上では、自分の使い心地の良いものだったり、知りたい情報を教えてくれたり、使い方が簡単かなどを基準に選ぶと良いのではないでしょうか。

 
ブログ・サイトのパフォーマンスをチェックするツールとしてオススメなのが次のパフォーマンスチェックツールです。

 

  • GTmetrix
  • PageSpeed Insights
  • YSlow

 

GTmetrixとは、Webツールの一つでGoogleの提供するPageSpeed Insightsと、Yahoo!の提供するYSlowを使って同時にサイト・ブログのパフォーマンスを計測してくれるものです。
また、PageSpeed InsightsとYSlowの他にもページ表示に費やされたウォーターフォールチャートも確認する事が出来ます。

 
PageSpeed InsightsもYSlowもサイトやブログのページのパフォーマンスについて評価し、改善項目について提案してくれるので、出来れば同時に検証したいという思いを叶えるツールになっています。

 
GTmetrixを使ってサイト・ブログの表示速度を評価する方法は次の手順で行います。
Gtmetrixは使い方がとてもシンプルなのでよほどの事が無い限りは使っていて迷うという事はないのではないでしょう。

  • GTmetrixのWebページへアクセスする
  • パフォーマンスを評価したいページのURLを入力する
  • 評価内容を確認する

 

PageSpeed Insightsとは、Googleの提供するツールの一つで、サイトやブログの表示速度やユーザビリティを100点満点の点数で評価してくれるパフォーマンスチェックツールです。

 
パフォーマンスやユーザビリティの他にも、ページを表示する上でネックとなるリソースを示したり、改善方法の提案もしてくれる優れたツールです。

 
PageSpeed Insightsを使うにはGoogleの提供するサービスページへ移動する必要があります。
次のリンクにアクセスすると、PageSpeed Insightsのページに移動する事が出来ます。
PageSpeed Insights

 

サイトやブログの表示速度を測定するYSlowとは、アメリカの「Yahoo!」が提供するツールの一つで、サイトやブログの表示速度を測定し、評価してくれるGoogle ChromeとFireFoxの拡張機能・アドオンです。

 
サイトやブログのHTMLや、Apacheの設定ファイル(.htaccessやhttpd.conf)の記述だけで効果が得られるTipsとなっています。

 
YSlowを利用する事で、サイトやブログの表示速度の低下の原因となっている箇所やネックとなっているリソース、特に弱い項目や改善すべき内容などの提案を受ける事が出来ます。

 
YSlowで受ける提案の項目がすべて正しいというわけではありませんが、検証し、対処する事でサイトやブログの表示速度が大幅に改善される事も多いため、パフォーマンス改善の方法がわからないという人は利用をオススメしたいツールです。

 
ブログ・サイトのパフォーマンスチェックのツールについては「【ツール】ブログ・サイトのパフォーマンスチェックのツール」で簡単でわかりやすく、詳しくまとめているのでチェックしていってくださいね。

 

 

 

 

サイトやブログの表示速度を評価するYSlow あとがき

サイトやブログの表示速度を評価するYSlow あとがき
サイトやブログの表示速度を評価するツールとしてYSlowを紹介しました。
最近ではGoogle ChromeやFireFoxは主流のブラウザの一つとなっているので、その拡張機能としてYSlowを利用できるのはうれしいところですよね。

 
サイトやブログのパフォーマンスを評価したい時はWebサービスのページへ行って、URLを入力して・・・と意外と手を動かしてみると大変だし、何度も何度も評価・検証していれば作業の時間だってばかにはなりません。

 
そんな時、YSlowのような拡張機能を使ってサクサクっと作業を進められるかどうかが作業の効率化ではとても重要になってきます。

 
サイトやブログの表示速度を評価するYSlowを使って、サイトやブログを高速化するとともに、サイト・ブログ運営者としての作業の効率化もしていきたいですね。

 

 

 

 

サイトやブログの表示速度を測定するYSlow まとめ

サイトやブログの表示速度を測定するYSlow まとめ
サイトやブログの表示速度を測定するYSlowとは、アメリカの「Yahoo!」が提供するツールの一つで、サイトやブログの表示速度を測定し、評価してくれるGoogle ChromeとFireFoxの拡張機能・アドオンです。

 
サイトやブログのHTMLや、Apacheの設定ファイル(.htaccessやhttpd.conf)の記述だけで効果が得られるTipsとなっています。

 
YSlowを利用する事で、サイトやブログの表示速度の低下の原因となっている箇所やネックとなっているリソース、特に弱い項目や改善すべき内容などの提案を受ける事が出来ます。

 
YSlowで受ける提案の項目がすべて正しいというわけではありませんが、検証し、対処する事でサイトやブログの表示速度が大幅に改善される事も多いため、パフォーマンス改善の方法がわからないという人は利用をオススメしたいツールです。

 
YSlowはFireFoxとGoogle Chromeのアドオンとして提供されていて、それぞれのブラウザで導入方法が若干異なります。
Fire Fox、Google ChromeのアドオンにYSlowを導入する方法を見ていきましょう。

 

Google ChromeにYSlowを導入するには、次の手順を行う必要があります。

  • Chrome ウェブストアのYSlowのページにアクセスする
  • ChromeにYSlowを追加する
  • YSlowが動作するか使ってみる

 
YSlowの導入が済んだら、実際にYSlowを使ってみましょう。
YSlowは次の手順で使用する事が出来ます。

  • パフォーマンスを評価したいサイト・ブログのページへアクセス
  • ブラウザ拡張機能のYSlowを起動して評価を開始する
  • YSlowの評価内容を確認する

 

 
最後までお読みいただきありがとうございました。

スポンサーリンク





 - Webツール

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

【ツール】ブログ・サイトのパフォーマンスをチェック PageSpeed Insights
【ツール】ブログ・サイトのパフォーマンスをチェック PageSpeed Insights

ブログやサイトを運営しているとサイトやブログのパフォーマンスをチェックしたい時が …

【ツール】PageSpeed InsightsとYSlowで同時パフォーマンス計測! GTmetrix
【ツール】PageSpeed InsightsとYSlowで同時パフォーマンス計測! GTmetrix

サイトやブログのパフォーマンスのチェックにPage Speed Insights …

【Chrome】サイトのパフォーマンスを評価するYSlowを導入する方法
【Chrome】サイトのパフォーマンスを評価するYSlowの導入方法

YSlowはサイトやブログのページの表示速度を評価する、Chromeのアドオンの …

【ツール】ブログ・サイトのパフォーマンスチェックのツール
【ツール】ブログ・サイトのパフォーマンスチェックのツール

ブログやサイトのパフォーマンスチェックをしたいと考えている人は自分のサイトやブロ …