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

公開日: : 最終更新日: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:画像の最適化記事あげました。画像を最適化して軽くしよう!サイト表示速度改善策

 

関連記事

ドアページでの集客はだめ?

ドアページとはスパム行為なの?

ドアページを大量に生成し検索エンジン経由でのアクセスを得ようとするサイト管理者は今でこそほと

記事を読む

ファイルの転送速度を上げるgzip圧縮

Page Speed Insightsの点数を上げる「圧縮を有効にする」の方法説明

昨年末に投稿したページ表示速度の改善方法【続編】内にて、gzip圧縮や画像の最適化について触れて

記事を読む

スマホ最適化すると上位表示する?

スマホ最適化がSEO要素(順位決定要素)になる事が決定!

一言で言えば、「スマホ対応していると順位が上がる」というお話。 難しく言えば、モバイルフレ

記事を読む

良いSEO会社の選定方法

目的にあったSEO業者の選び方

社内で実施せず外部に委託しようとなった際、どのように業者選定をすると良いのでしょうか。 SEO

記事を読む

SEOとキーワード数

SEOとキーワード数(メタタグ・タイトル・1ページ内)の正しい設計

この記事は、ご自身でサイト上位表示に取り組む方向けの内容です。 htmlタグのお話が登場します

記事を読む

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

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

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

記事を読む

SEO外部対策の仕方は?

外部SEO対策の方法(ホワイトとブラック)

SEOには、内部と外部がありますね。 内部対策は地道にサイト編集することでより良く最適化さ

記事を読む

日本語ドメインはSEO効果あるの?

これが推奨ドメインだ!日本語ドメイン非推奨のわけ

数千の種類があるドメイン。 ここでは、これから新規にドメインを取得しサイトを立ち上げようと

記事を読む

モバイルフレンドリーで大きな影響は出た?

モバイルフレンドリー要素追加での検索順位変動[現在のSEOへの影響]

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

記事を読む

リンクした相手の品質と関連性

リンク先ページの品質と関連性【SEO対策要素】

今回は内部SEO要素の1つである、発リンク要素の一部分についてです。 あなたのサイトからリ

記事を読む

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

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

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

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

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

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

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

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

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

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

→もっと見る

PAGE TOP ↑