pagespeed insight

WEBサイトを最適化してくる、Google謹製PageSpeedサービスを使ってみた

2013.6.20
pagespeed insight

Google Adsensの管理画面を見たら、今日から「スコア」なるものが表示されるようになっていました。

pagespeed

GoogleがAdsense掲載サイトのパフォーマンスチェックを定期的に行なってくれているようです。その中で、「PageSpeedを使えば早くなるよ〜」っとアピールされていたので、とりあえず導入してみました。

PageSpeedはGoogle謹製の最適化サービス

PageSpeedが何者かというと、GoogleがWEBサイトを解析してCSSやJavascript、HTMLや画像ファイルを最適化しサイトのパフォーマンスをアップしてくれるというサービスです。CloudflareなどのCDNサービスの一種と考えていいと思います。

Apache等をいじれる環境にあるなら、CDN的に使わずにApacheに組み込むmod_pagespeedというモジュールもあります。これはキャッシュ等は行わず、サイトの最適化のみを行なってくれるようです。

うちのサイトはSIXCOREを使用しているため、mod_pagespeedは使えません。なのでPageSpeedサービスを利用してみました。

PageSpeedサービスにサインアップ

pagespeed

PageSpeedのサイトからサインアップを行います。なお、利用するには自分のドメインを管理している必要があります。

pagespeed

「Sign up now」を押すとフォームが表示されるので、Googleのアカウント(Gmailアドレス)とサイトのURLを入力します(URLは後でも変更可能です)。

しばらくすると確認のメールが来るので、それに記載されているURLから利用規約への同意を行いサインアップは完了です。

CloudFlare経由でのDNS設定

PageSpeedを使うためには、DNSの設定が必須なのですが、このサイトはもともとCloudFlareを使っていたのでネームサーバはCloudFlareになっています。なので、CloudFlare上でpageSpeedの設定を行います。

PageSpeed

設定といってもWWWのCNAMEレコードで「pagespeed.googlehosted.com」を追加するだけですけど。この時、他にWWWのAレコードやCNAMEレコードがあれば削除しておきます。

注意点として、ドメインのAレコードのCloudFlareは無効にしておいて下さい(右端の雲のマークが灰色の状態)。これが有効のままだとサイトにアクセスした際にエラーが出ます。追加したCNAMEレコードはCloudFlareが有効のままでも問題ないようです。

実行結果

以上で設定は完了です。PageSpeedの管理画面で最適化についての細かい設定ができるのですが、とりあえずはデフォルトのままにしています。

pagespeed

そんなわけでGTmetrixで計測してみます。トップページでは面白くないので写真がいっぱいある記事を選んでみました。

まずはPageSpeedなしの状態(CloudFlareは有効)。以前は1秒台をキープしていたのですが、その後のサイトデザイン更新でだいぶ落ち込んじゃいました。

pagespeed

この時のソースはこんな感じ。ごく普通です。

pagespeed

続いてPageSpeedが有効の状態。読み込み速度は微減ですが、読み込みサイズやリクエスト回数が減っているのがわかります。PCで見ているとあまりわからないのですが、スマートフォンなどの3G回線で見るとかなりの効果を実感できます。

pagespeed

このときのソースはこんな感じ。CSSがヘッダ内に展開されています。

なお、PageSpeedを有効にするとデフォルトで画像のLazyload(スクロールに合わせて画像を読み込む処理)が有効になっていました。

モバイル向けに効果を発揮するかも

上記の通り、PC上ではあまり違いがわかりませんが、モバイル向けには体感的にかなりの効果を発揮するようです。Googleはページの表示が遅いサイトは検索順位でペナルティを課すというこを名言していますし、モバイルサイトの表示についても重視する旨を明らかにしています。なので、設定も難しくないですし、とりあえず使ってみても損はないかという気がします。

タグ: , , ,

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

ワンダーコア スマート

倒れるだけで腹筋運動が出来る「ワンダーコア スマート」は見た目以上にハードで効果ありそう

リンクシェア経由でショップジャパンから倒れるだけの腹筋マシーン「ワンダーコア スマート」を提供頂きました。 剛力彩芽さんのCMでおなじみのアレです。 コンパクトサイズのワンダーコア スマート 同じシリ

HUAWEI Matebook

12月10日限定 HUAWEI Matebookが64,800円の特価で販売中

AmazonのCyver Mondayセール、12月10日の特選タイムセールとしてHUAWEIのMatebookが39%の64,800円となっています。 64,800円になっているのはメモリ4GB、ス

Sony XAV-AX100

SonyのAndroid Auto、Car Play対応メディアレシーバー XAV-AX100が米Amazonで販売中 日本への発送にも対応

GoogleのAndroid Auto、AppleのCar Playに対応したカーオーディオ、Sony XAV-AX100が米Amzonで販売されています。 日本への発送も可能です。 Sonyのカーオ

Kodak Ektra

デジカメスマートフォン Kodak Ektraがドイツで販売開始 英Cloveには12月14日に入荷予定

Kodakの21MPカメラを搭載したデジカメスマートフォン、Ektraの販売がドイツで開始されました。 関連:KODAKのデジカメスマートフォン、EKTRAは12月9日にドイツで発売 – Dream

GooglePlay

Google、クリスマスプレゼントとして100円分のクレジットを配布中

Googleがクリスマスプレゼントとして、Google Playでビデオレンタルやアプリ購入に使えるクレジット100円分をメールで配布しています。 Google Playのクーポンは全員に配布されるわ

スマホの画面をテレビに出力できるMiracast(ミラキャスト)の使い方

スマホの画面をテレビに出力できるMiracast(ミラキャスト)の使い方

名前だけは聞いたことはあるものの、使っている、活用しているという話をあまり聞かないMiracast(ミラキャスト)、どんなものかと思って実際に使ってみました。 ...

honor 8の詳細レビュー HUAWEI P9やZenfone 3と比較してみました

honor 8の詳細レビュー HUAWEI P9やZenfone 3と比較してみました

上位機種のHUAWEI P9と同等のスペックを持つhonor 8の詳細レビュー。HUAWEI P9やASUS ZenFone 3と比較しながら紹介します。...

HUAWEI Mate 9の詳細レビュー 5.9インチだけど片手で楽に持てるサイズ感

HUAWEI Mate 9の詳細レビュー 5.9インチだけど片手で楽に持てるサイズ感

HUAWEIの最新モデル、HUAWEI Mate 9を購入したので早速レビューです。 まだ1ShopmobileやExpansys、GearBestなどのECサイトには入荷していなかったので、今回...

Google、クリスマスプレゼントとして100円分のクレジットを配布中

Google、クリスマスプレゼントとして100円分のクレジットを配布中

Googleがクリスマスプレゼントとして、Google Playでビデオレンタルやアプリ購入に使えるクレジット100円分をメールで配布しています。 Google Playのクーポンは全員に配布さ...

12月10日限定 HUAWEI Matebookが64,800円の特価で販売中

12月10日限定 HUAWEI Matebookが64,800円の特価で販売中

AmazonのCyver Mondayセール、12月10日の特選タイムセールとしてHUAWEIのMatebookが39%の64,800円となっています。 64,800円になっているのはメモリ4G...

MENU

back to top