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はページの表示が遅いサイトは検索順位でペナルティを課すというこを名言していますし、モバイルサイトの表示についても重視する旨を明らかにしています。なので、設定も難しくないですし、とりあえず使ってみても損はないかという気がします。

タグ: , , ,

この記事が気に入ったらフォロー・購読をお願いします

最新情報をお届けします

News >モバイル

Google、Nexus / Pixelへのセキュリティアップデート提供期限を公開

GoogleのNexusとPixelは、発売から2年間はAndroidのアップデートを提供、3年間はセキュリティアップデートを提供ということになっています。でも実際いつまで?というのはなかなか把握しきれなかったりするもの ...

News >モバイル

任天堂、3D表示のなくなった3DS、new 2DS LLを7月に発売

任天堂がnew 3DS LLから3D機能を取り除いたnew 2DS LLを7月13日に発売すると発表しました。価格は税抜14,980円。 折りたためない廉価版扱いの2DSはすでに発売中ですが、new 2DS LLは通常の ...

News >モバイル

背面が透明なGalaxy S8を作る方法。フィルムさえ剥がせれば意外と簡単そう

透明で中が見えるシースルーなガジェットというのはいつの時代もなかなかに魅力的なもの。今回は発売されたばかりのGalaxy S8の背面をシースルーにするハックがYouTubeで公開されています。 ガラスバックを採用している ...

最大60%オフ! PlayStation VRタイトル 期間限定セール開催中

PlayStation Storeが期間限定でPlayStaion VRのタイトルを最大60%オフとするセールを開催しています。 PlayStation VRタイトル 期間限定セール サマーレッスンが含まれていないので、 ...

News >モバイル

QWERTYなBlackBerry Keyone、北米での販売は5月31日と発表

英国では5月5日に一部の小売店でごく少数の販売、それ以外は5月22日以降になるというBlackBerry Keyoneですが、米国およびカナダでの発売が5月31日になると発表されました。 関連:BlackBerry Ke ...

MENU

back to top