ページ表示速度の改善方法【続編】

公開日: : 最終更新日:2015/06/21 SEO, 内部SEO

   
 
   

改善方法【続編】

前回(SEO効果あり!ページ表示速度の改善方法)に引き続き、ページの表示速度改善を実例を含め紹介していきたいと思います。

GTmetrixを使って問題点を洗い出そう

http://gtmetrix.com/ を利用し、チェック結果を元に最適化を進めていこうと思います。

URLを入力し、GOボタンで結果を表示します。このブログで確認したところ・・・・・
gtmetrix調査結果
ひどい!
Googleで【C】、Yahoo!で【D】です。もう少し上を目指してみようと思います。

Leverage browser cachingってのを改善しよう

これ、何が問題だと言っているかというと、キャッシュの保存期間が短いまたは設定されていないから、設定しようぜってことです。
このブログはWordPressのため、W3 Total Cacheプラグインが有名ですね。とりあえず入れてみます。
結果:F(22)からB(86)に改善しました。

WordPressではない場合、htaccessファイルでファイル名毎に指定するのがスマートです。
この記事が参考になります。
たった数分!ページ高速化のためhtaccessでキャッシュ設定は絶対やっておこう!
マークアップ例があるので、コピペだけでもいけますね!

Defer parsing of JavaScriptってのを改善するために、jsを後で読ませよう

この項目は、ジャバスクリプトをhtmlファイルや画像と一緒に読み込みさせる必要あるの?本当に?という項目です。

ページの要素に影響を与えるjsは読み込んでもらわないと困りますし、Analyticsのような滞在時間や離脱を測るjsは早めに読み込ませたいところ。
そこで、ここではtwitterとGoogle+のjsを後で読み込ませるよう設定してみました。
具体的には、

上が元のソース
<script type="text/javascript" src="//platform.twitter.com/widgets.js"></script> 
下が編集後のソース
<script async type="text/javascript" src="//platform.twitter.com/widgets.js"></script>

そうです、【async】を追加しただけですね。
asyncとdeferの違い云々はここでは割愛します。

で結果は、F(48)からD(69)へ少し改善

Minify CSS、CSSの無駄な改行などを無くしスッキリ

個人的には日常的に追加編集を行うcssを最適化すべきとまでは思いません。
一応、このポストの趣旨にそい最適化を行いました。
と言ってもoptimized versionとして示された凝縮ソースに差し替えるだけの簡単なお仕事です。
結果、E(55)からA(95)へ改善です。

ここまでの改善結果を見てみよう

gtmetrix_kekka2
共に約10%の改善です。ここまでで紹介した内容は1時間もあれば実践できる内容です。定期的な見直しにいかがでしょう。

今回は触れなかったこの2点

Optimize imagesの画像を軽くしましょうと、
Enable gzip compressionの圧縮転送あたりは機会があれば紹介したいと思います。

追記 2015/05/25:gzip圧縮転送の記事をあげました。Page Speed Insightsの点数を上げる「圧縮を有効にする」の方法説明
追記 2015/06/21:画像の最適化記事あげました。画像を最適化して軽くしよう!サイト表示速度改善策

 

関連記事

SEO案件のご相談を頂くために大切なこと

多くのSEO案件をご相談・ご依頼頂けるようになった理由

私のようなSEO屋でも、ご相談・ご依頼くださるクライアント様がいらっしゃいます。 有難い事に、

記事を読む

発リンクは多いとダメ?

【SEO要素】発リンクは多すぎるとペナルティーを受けるのか

2009年頃までは発リンクはページあたり100本までと言われていました。というのも、Goog

記事を読む

SEO対策の設計で重要な点

SEO施策の設計でもっとも大切な事とは?

新規にサイトを作ろうというタイミング、今までほったらかしだったウェブサイトをSEOを意識し、強く

記事を読む

SEOエンジニアの業務とは?

SEOエンジニア・SEOスペシャリストとは?仕事内容は?

つい先日もSEOエンジニアという職種について質問を受けました。 やはり、WEBデザイナーや

記事を読む

サイトの表示速度を早くするには?

SEO効果あり!ページ表示速度の改善方法

サイトやブログの表示速度が遅い場合、大きなトラフィックの損失となっているかもしれません。

記事を読む

1ページで最適化するキーワード数は欲張るとダメ?

SEO対策をかけるキーワード数はページあたり何個まで?

あれもこれもと欲張りたくなるターゲットキーワード。 ここでは、1ページに対しいくつのキーワ

記事を読む

失敗したSEO例

過去に失敗したSEO施策を7例あげます

弘法にも筆の誤りと言いますが、私のようなひよっこであれば、それはもう多くの失敗をする訳です。

記事を読む

職種SEOコンサルタントって?

SEOコンサルタントとはどんな仕事?(弊社サービス紹介も少し)なるには要件や資格が必要?

SEOコンサルタントになろうか考えている方、SEOコンサルタントを雇うべきか考えている方のご参考に

記事を読む

サーバー変えるだけで順位が上がる?

SEOとサーバーの関係性。SEOに強いサーバーはあるのか?

SEO知識を高めることに多くの時間や費用を掛けているサイト管理者であるにも関わらず、そのサイ

記事を読む

2020年トレンド

2020年のSEOトレンド

明けましておめでとうございます。(いまさら!)毎年書いていた年始めのトレンド予測、1月も下旬です

記事を読む

 
 
2020年トレンド
2020年のSEOトレンド

明けましておめでとうございます。(いまさら!)毎年書いていた年始め

2019年のSEO
2019年のSEO。私が頑張りたい4要素。

昨年(2018年)は書くのを忘れました。今年は書いておこうと

Googleの個人名「ナレッジパネルの認証を受ける」の申請方法・編集

Googleで個人名検索をした際に表示される「ナレッジパネル

検索意図ドリル
コンテンツマーケティング関連本「検索意図ドリル」書きました。

ドリルを書きました。 「は?ドリル?あの漢字とかの?」 こ

2017年のSEOトレンド
2017年のSEOトレンド予測と重点対策ポイント

2017年に注力すべきSEO領域、新たにキャッチアップすべきSEO

→もっと見る

PAGE TOP ↑