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

公開日: : 最終更新日: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の捉え方が難しい

先週、札幌・帯広へお仕事で伺った際に夕方ビジネスホテルで書類整理や荷物整理をしながらテレビを

記事を読む

内部リンクの最適化方法は?

内部リンクを最適化しよう(実務者用ハイレベル)

今回は前回の2014/09/26のパンダアップデートについて(Googleアップデート)の最

記事を読む

検索エンジンのユーザーシェアはどこが多い?

検索エンジンシェアをアンケートとって調べてみた

先日検索エンジンの利用調査アンケートを実施しました。 簡単に言えば「どこの検索エンジンを使

記事を読む

キーワードの作り方と選び方

キーワードの作成と選定

今回は、コンテンツを作成する際に『どのキーワードで上位表示を目指すか』のキーワードについてで

記事を読む

コンテンツ設計には、検索意図と本質的な希望の把握が大切

コンテンツ設計におけるサーチインテント(検索意図)と本質的な希望の違い

最近では、ウェブサイトの構築・メディアサイトの構築時に、各キーワードの検索数や難易度、ページ単位

記事を読む

地域名SEOに再注目!

地域名でSEO!ドアウェイページが一掃されてチャンス到来?

商圏エリアが限られるビジネスをされている方々に朗報です。 地域に根ざした商売をする方にとってプ

記事を読む

コンテンツSEOセミナー開催しました(過去形)

コンテンツSEOセミナーへのご参加ありがとうございました。

昨日(2015年2月24日火曜日)コンテンツSEOセミナーを開催させて頂きました。 急な開

記事を読む

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

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

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

記事を読む

相互リンク募集とかまだやってるの?

相互リンクを募集しているサイトと相互リンク?絶対ダメ!

もしあなたが、相互リンクを張り合ってくれるサイトを探しているなら、この記事を読んでから本当に

記事を読む

bとstrongの違い

bタグとstrongタグの違いをSEO観点とhtml(html5)観点で分かりやすく

今回はbタグとstrongタグ、その関連タグについて扱います。今回登場するタグは <

記事を読む

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

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

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

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

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

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

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

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

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

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

→もっと見る

PAGE TOP ↑