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で送る

関連記事

ID Managerで”Cannot save data files”の警告が出た際の対処方法

IDやパスワードを一括記録&管理してくれる便利な無料ソフト「ID Manager」。 便利に使

RollToEverで「Code=2 Param=0」のエラーが出た場合の対処方法

iPhoneで撮影した複数枚の写真をワンタッチでEverNoteに自動転送してくれる便利アプリRol

既に構築された無線LAN環境で、バッファローAirStation(G-54)のSSIDと暗号化キーを調べてiPhone4sでWiFi接続できるようにする方法

photo credit: michperu via photopin cc iPhone

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

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

iphoneアプリ「PCM録音」で録音した音声データをパソコンに保存する方法

iphoneをマイクコーダーにして録音可能にするアプリ「PCM録音」。会議やセミナーなどを気軽に録音

excel上のオブジェクト

エクセル(excel)2013でシート上の図形(オブジェクト)を一括で削除する方法

私はエクセル(excel)2013でスケジュールなどを管理しており、シート上に多くの図形(オブジェク

ロリポップWEBメールで迷惑/スパムメールにフィルタを設定する方法

個人用に使用しているロリポップのアドレス限定で先日から急に迷惑メールが急増しました。 以下がその履

PayPal メールアドレスの追加時に”このアクションの完了を許可されていません”と出てしまう場合の対処方法

これまでPayPal(ペイパル)に登録していたメールアドレスを普段使わなくなったため、新規に別のアド

WordPressで画像挿入時にリンク先の設定をデフォルトで「なし」にする方法

WordPress(ワードプレス)で文章内に画像を入れ込む場合は「メディアを挿入」ウィンドウで対象の

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

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

Message

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

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

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

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

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

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

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

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

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

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

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

→もっと見る

PAGE TOP ↑