Page Speed Insightsを利用してサイトのパフォーマンスを改善する

公開日: : 最終更新日:2013/11/06 MEMO, WEB&SEO , ,

medium_281640001
photo credit: Roby Ferrari via photopin cc

Page Speed Insightsについて

Googleではサイトパフォーマンスの測定と、またその結果を受けた修正アドバイス用ツールとしてPage Speed Insightsというサービスを行なっています。

Page Speed Insights
http://developers.google.com/speed/pagespeed/insights/

使用方法と分析結果の見方

使い方は簡単で、分析したいページのURLを入力し、分析ボタンをクリックするだけ。
page_speed

すると、自動で分析がスタートし、しばらくすると分析結果が表示されます(モバイル用表示の結果とパソコン用表示の結果が出る)。

あらかじめ設定された項目に対して当該サイトのパフォーマンス状況が診断されます。

ブラウザのキャッシュを活用する

ページ内においてキャッシュの利用が可能でありながら適切な設定が行われていない場合に警告が表示されるようです。

[対応策]
.htaccessにキャッシュの読み込み設定を記述する。

※例えば、上記設定においてCSSは1週間の間キャッシュを有効にさせる設定になっている。

■シリウスでの.htaccess記述
シリウスの場合だと「サイトオプション>.htaccess設定」に、上記を追加する
page_speed2

画像の最適化

画像は可能な限りでサイズダウンしておくことが望ましく、下記のサイトのようになるべく画質を落とさずにJpegやPNGなどのサイズダウンを行なってくれるサーボスもあります。

・Jpegのサイズダウン
http://www.jpegmini.com/main/shrink_photo

・PNGのサイズダウン
http://tinypng.org/

スクロールせずに見えるコンテンツのレンダリングブロックJavaScript/CSSを排除する

これは当該ページに飛んだ際に真っ先に見える部分(スクロールせずに見えるコンテンツ)のCSSを、別ファイルから読み込むのではなく当該ページに直接書き込んだほうがいいよ・・・ということのようです。

・参考;Web Shufuさん
http://webshufu.com/wordpress-plugins-for-asynchronous-deferred-javascript/

圧縮を有効にする

ZIPファイルなどのように、WEBページ自体を圧縮できる仕組みがあるそうです。

・参考:専門家ProFile(井上 みやび子さんの記事)
こうして改善、Google のスコア4 ページを圧縮して表示速度改善)。

※わたくしの環境ではうまくいかなかったので後日検証。

  • このエントリーをはてなブックマークに追加
  • LINEで送る

関連記事

click_tag_001

Googleタグマネージャを利用してリンクのクリック情報を計測する方法

Googleタグマネージャとアナリティクスを併用すると、ページ内の任意のリンクがクリックされた際の各

roll_001

RollToEverで通信エラーが発生した場合の対処方法

普段わたしがお世話になっているiphoneアプリにRollToEver(ロールトゥーエバー)というの

futa_001

掃除機にペットボトルの蓋が詰まってしまった場合の対処方法

部屋を掃除していたところ、掃除機でペットボトルのフタを吸い込んでしまいました。 慌てて掃除機を

kojo_002

年末調整用 控除申請書の記入例 -給与所得者の保険料控除申請書 など

毎年、11月あたりになると年末調整用の各種控除申請を作成しています。 「給与所得者の保

hdd_zanryo_002

Windows7でHDD(ハードディスク)の残量を視覚的に分かりやすく確認する方法

「コンピュータ」のエクスプローラ画面では、接続されている各種ドライブを確認することができます。

joseikin_003

うちは何回まで受けられる? 特定不妊治療費助成制度について調べてみた

昨年から不妊治療を開始し、半年ほど人工授精を行ってきましたがなかなか良い結果にいたらず、このたび次の

ru_001

【непереводимая.рф】アナリティクスのデータに紛れる検索ワード型スパムに注意!

本日Googleアナリティクスを眺めていたところ、いかにも怪しげなデータを発見しました。 結論

excel_page_001

Excel2013で改ページ(印刷範囲の追加)ができない場合に確認するポイント

クライアントから受け取ったスケジュール表(Excel2013で作成)があり、これを複数ページに分けて

blog_apart

自分のサイトを開くと強制的にblog-apart.comに転送されてしまう場合の対処方法

本日、急にこのサイト(SimpleStock3)にアクセスすると「http://blog-apart

tw_001

twitterのつぶやき(ツイート)を自分のブログ内に表示させる方法

twitterでは公式の機能として 自分(あるいは他人)のツイートをブログ内に表示することが出来るよ

Message

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

足元の冷えを解消!デスクワーカーにおすすめの足温グッズまとめ!

日がな一日座り続けで作業をしていると、血流が悪くなるのか、足元(つま先

ashi_c_008
足元の冷え解消!足温グッズレビュー(3) ホットマルチヒーター

デスクワークの際の足元の冷えを解消すべく、あれこれ模索しているうちに

ashi_b_002
足元の冷え解消!足温グッズレビュー(2) 山形電気あんか*参考

デスクワークの際の足元の冷えを解消すべく、あれこれ模索しているうちに

ashi_a_006
足元の冷え解消!足温グッズレビュー(1) デュアルヒータースリッパ

デスクワークの際の足元の冷えを解消すべく、あれこれ模索しているうちに

futa_001
掃除機にペットボトルの蓋が詰まってしまった場合の対処方法

部屋を掃除していたところ、掃除機でペットボトルのフタを吸い込んでしまい

→もっと見る

PAGE TOP ↑