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

公開日: : 最終更新日: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への影響]

4/21の新要素追加から早いもので1週間が経過しました。 リリース直前での案内では数日から1週

記事を読む

インハウスSEOのチェックシート

インハウスSEO用に84項目のチェックリスト(内部SEO中心)を公開しました

新年度も始まったということで、内部SEOを中心とした対策箇所のチェックリストを公開しました。

記事を読む

ヤフー虫眼鏡の仕組みは?

ヤフー検索の虫眼鏡はどんな仕組み?

新年明けましておめでとうございます。 今年も検索エンジンマーケティングに関するポストを様々

記事を読む

Googleのガイドラインとは?

Googleガイドラインって何?Googleガイドラインを完結にまとめてみた

この記事はGoogleのガイドラインに違反し、インデックス削除を含むペナルティを受けた人の役

記事を読む

検索エンジンに評価される良い記事とは?

SEO効果の高い【良い記事】と【悪い記事】

どうも。忙しぶって記事更新をしない高橋です。 約1ヶ月ぶりです。 今回は、記事(≒コンテ

記事を読む

alt属性の最適化でSEO効果は?

alt属性にSEO効果を期待するなかれ

alt属性について誤った理解をされているケースが散見されますが、alt属性は写真や画像が表示

記事を読む

サイトの信頼性を高めるページを整備しよう

ウェブサイトの信頼性向上を達成させ、アクセスを増やす方法

Googleの順位決定要素には、ウェブサイトの信頼性やウェブサイト管理者の信頼性を評価する考

記事を読む

SEOの戦略を事前にねるべき?

戦略的SEOを取り入れないリスク

2011年頃までのSEO依頼の大半は、「このサイトの順位を1ページ目にして」といったものでし

記事を読む

タダで使える優良SEOツールはこれ!

無料のSEOツール!プロが使う七つ道具!(順位チェック・被リンクチェック・検索ボリュームの取得・サイト表示速度・他)

インハウスでSEOを進めるなら、活用したいツールを一挙にご紹介。 日頃の作業を効率よく進めるた

記事を読む

 
 
no image
2022年サーチエンジンマーケティングと周辺の話

明けましておめでとうございます。2022年です。前回から2年経過です

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

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

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

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

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

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

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

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

→もっと見る

S