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

公開日: : 最終更新日: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視点で減点になるの?

ブログやサイトへコンテンツの追加を行う。作業内でタイピングミスが発生し、そのまま放置されてい

記事を読む

サイトを多言語化する際の注意点

多言語化は気をつけないとコンテンツスパム?翻訳記事の扱いについて

2020年開催の東京オリンピックを控え、日本を訪れる観光客向けのサイト準備も重要度が増してき

記事を読む

SEO対策の設計で重要な点

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

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

記事を読む

重複コンテンツはSEOスパム?

SEOエンジニア視点でどこからが重複コンテンツ?ペナルティー対象?リライトは?

重複コンテンツは絶対ダメ! ただコピー&ペーストした記事が完全なアウトであることは皆さんご

記事を読む

オーサーランクを上げるのが大事なの?

オーサーランクは気にするな!多過ぎる勘違い

Googleがオーサーシッププログラムを終了した現在において、オーサーランクにおける勘違いを

記事を読む

2020年トレンド

2020年のSEOトレンド

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

記事を読む

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

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

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

記事を読む

直帰率とSEO

直帰率とはSEOとほぼ無関係の数値である

直帰率とは、1ページのみ閲覧し、同一ドメイン内の他ページヘ移動せずブラウザを閉じたり、検索結

記事を読む

URLの正規化って何?

URLの正規化はSEOの基本(wwwありなし・index.htmlありなしの統一)

今回のテーマは『URLの正規化』です。 運営開始から間もないサイトでも、運用歴の長いサイト

記事を読む

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

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

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

記事を読む

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

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

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

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

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

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

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

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

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

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

→もっと見る

PAGE TOP ↑