超簡単!WordPressモバイルの表示スピードチェックと.htaccessによる速度アップの方法

投稿日:2017年3月24日 更新日:

wordpress_speedup12

 

「Test My Site」とは

従来「think with Google」としてgoogleより提供されていた表示スピードチェックサイトが、新たにモバイルサイト専用のスピード診断ツール「Test My Site」としてリニューアルされました。そこで本記事では内容を一新し、「Test My Site」の使い方と表示スピード改善のかんたんで有効な一手段をご紹介します。

 

スポンサーリンク

 

モバイルサイト専用に内容が一新

以前の「think with Google」はデスクトップパソコンでのスピード診断も可能でした。

wordpress_speedup01

 

一方、同URLで新たに誘導される「Test My Site」では、モバイルサイト専用となっています。

WordPressでここ1~2年にリリースされたテーマをお使いの方は多くがパソコンやスマホ、タブレットなどに自動的にリサイズして表示する「レスポンシブウェブデザイン」対応になっているので、ぜひチェックしてみてください。

そらよりブログの場合、googleアナリティクスで集客力をチェックするとモバイル端末、とくにスマホからの閲覧数はパソコンの倍近くに達しています。その意味でモバイルサイトのスピードチェックはとても重要と考えています。

 

speedcheck04

ちなみにhttps://sorayori.comをチェックしてみると、読み込み時間は「4秒」で「良好」。訪問者の推定離脱率は「10%」という結果になりました。

対象を絞り、そのタイムと具体的な影響が端的に表示され、とてもわかりやすいものになっています。またあとで改善のヒントを知ることも可能となっています。

そらよりブログの好判定は以前にWordPress内の「.htaccess」ファイルに手を加えていたためなのですが、それについては後ほど、ご説明します。

 

「Test My Site」の使い方

 icon-flag URLを入れるだけ

Test My Site」を訪問するとつぎの画面が表示されます。

speedcheck

下段の入力ボックスにチェックしたいモバイルサイトのURL(WordPressテーマなら普段お使いのURL)を入力します。

 

 icon-flag タイムと離脱率を表示

speedcheck04

すると先ほどご紹介した診断結果が即座に示されます。世界の一般的なモバイル回線接続である3G回線を想定したデータです。日本国内だけなら、実際のスピードは多少短縮されているはずです。

右下の「同業種内」と表示されたボタンをクリックしてみましょう。

 

 icon-flag 同業種内でのポジションを表示

speedcheck06

「同じ業種内の比較」が表示されます。そらよりは何でもありの雑記ブログですがアクセスの多い記事により「パソコン、家庭用電化製品」業種と判断されたようです。その業種で「4秒」は「良好」なほうであるという判定です。

さらに「次のステップ」に進んでみましょう。

 

 icon-flag 短縮可能なタイムを表示

speedcheck07

「少しの修正」で「3秒」短縮できるそうです。そうすれば「特に良好」トップクラスの仲間入りができるというわけです。やる気がわきますね。

赤枠で示した場所には「優先順位の高い修正点を確認」と書かれています。クリックして確認してみます。

 

 icon-flag 修正すべき点を教えてくれる

speedcheck05-2

タイプアップのために具体的に何をすればよいのか、優先順位の高いほうから教えてくれます。

そらよりブログの場合「レンダリングのパフォーマンスを低下させるJS(JavaScript)」「サーバーの応答時間を短縮する」「キャッシュ処理を活用する」の3点が示されています。

さすがに読み込み時間「4秒」となると改善点もレベルが高く、僕の能力では限界のようです。とりあえずここまでで満足としておきましょう。

なお下段青地部分の「無料レポートを取得」ではメールアドレスを提供することで、より詳細な改善指導を受けることができます。

 

 icon-flag 無料レポートで詳細がわかる

speedcheck08

メールで「無料レポート」を受け取ることが可能です。詳細な改善点が優先順位マーク付きで表示されています。リンク先ではさらに詳しいアドバイスが提示されます。

レポートによるとそらよりブログは「モバイルサイトの処理速度は十分です」とのこと。うん、これで安心です。

さて、冒頭で「そらよりブログの好判定は以前にWordPress内の『.htaccess』ファイルに手を加えていたため」とご説明しました。じつはその対応策が上の画像に表示されています。赤枠の「GZIPでリソースを圧縮する」です。緑のチェックマークがついており「問題なし」とされています。

では「.htaccess」ファイルを変更前の状態に戻したらどのような診断結果となるでしょう。

 

スポンサーリンク

 

「.htaccess」ファイル変更前の診断結果

そらよりブログの「.htaccess」ファイルを変更前の状態に戻し、再度診断してもらいました。結果はつぎのとおり。

speedcheck02

なんと2秒も遅くなってしまいました。評価も「良好」から「普通」に転落しています。

 

speedcheck03

修正すべき点の筆頭に「GZIPでリソースを圧縮する」が挙げられました。それほど重要な修正部分なのですね。

じつはこの修正方法、とってもかんたんなのです。

 

.htaccessで初心者でもかんたんにスピードアップ

googleで検索すると「gzip」とは概ね「ブラウザに表示するデータの転送量を減らしスピードを上げるための圧縮方式」であるとされています。またそのためのWordPressプラグインがあるそうです。

でもさらに調べていくとプラグインをインストールしなくても「.htaccess」ファイルにコードを追加するだけで手早く「GZIPでリソースを圧縮」できることがわかりました。

これまでご説明してきたとおり、実際に手を加えてみて大成功だったので、その手順を初心者の方向けに詳しくご紹介します。

なお予め以下のツールをご用意ください

 icon-check-square FFFTPなどのFTPクライアントソフト
目的:ファイルをダウンロードするため
※ご契約レンタルサーバーのWebサービスで代替えできる場合があります

  サクラエディタなどの日本語テキストエディタ
目的:ファイルに記述されたコードの変更・追加のため

 

 .htaccessファイルをダウンロード

まず「.htaccess」ファイルをサーバーからダウンロードします。変更を加える前の「.htaccess」ファイルは必ずバックアップを取っておきましょう。

まず「.htaccess」ファイルはつぎの場所にあります。FTPクライアントソフトを使い、サーバーに入りましょう。

 

wordpress_speedup07

最上層にあるドメイン名のフォルダを開きます。

 

wordpress_speedup08

「public_html」を開きます。

 

wordpress_speedup09

「.htaccess」がありました。これをデスクトップにドラッグし、コピーします。変更用と変更前バックアップ用に同じファイルを二つ保存しておきます。

 

 .htaccessファイルにコードを追加

変更用の「.htaccess」ファイルを日本語テキストエディタを使い開きます。

そして次のコードを追加します。

出典:dogmap.jp WordPressサイト用の.htaccess例

追加する場所はここ↓でかまいません。

 

 

AFFINGER4なら①の「# END WordPress」の下です。②のように「AddType~」から挿入します(上の画像では途中で切れていますが、すべての行をコピー&ペーストします)。

そしてこの変更を加えた「.htaccess」ファイルを、サーバー上にドラッグし、上書き保存します。

これだけで「GZIPによるリソースの圧縮」が完了です。このコードを開発されたdogmap.jpさんには心より感謝です。

 

もしも診断結果にお困りでしたら、ぜひ実施されることをおススメします。

 

スポンサーリンク

 

スポンサーリンク

長生きなネコと短命なネコの違いとは?
理由を知りたい方はこちら!

 

ピックアップ記事(一部広告)


ランクアップに応援ください
にほんブログ村 ライフスタイルブログ 暮らしを楽しむへ 人気ブログランキング

人気の記事

12本体アップ 1

  いったいどれほどの方に役立てていただけるかまったく自信がございませんが、ニッチな話題が好きなそらよりは今回噴霧器のレビューを書くのであります。(2016年5月8日追記 「使用後の洗浄」に ...

hanazo 2

「花ぞ」の花は梅 東進の「全国統一中学生テストTVCM」で、先生が板書をしながら生徒に注意をうながします。 「この、花ぞの花は梅だからな」 すると一人の生徒が手を挙げ質問します。 「なぜ桜じゃなくて梅 ...

rakuchinpack01 3

  キッチン用保存容器の条件とは お料理上手の条件は段取り上手。手にヨリをかけて作ったせっかくのご馳走も冷めたり、伸びたりしては台無しです。美味しいものを美味しいうちにテーブルに並べるには、 ...

leplus01 4

  いままで900円台のイヤフォンを使っていた輩が、音がどうのこうのと申し上げるのは誠に恐縮なのですが、いやハイレゾイヤフォンの音の良さったらすごかったです。   スポンサーリンク ...

aircon_kojihikomi 5

  もう20年近く使ってきたエアコンが、この夏動かなくなりました。エアコンの買い替えはシーズンが替わる11月、それも水曜日が安いと耳に挟んだので、このたびちょい古な2016春夏モデルを購入し ...

EGT260DX01 6

50対1を守らないとどうなるか? 新規に購入した草刈機の最初の使用時に、間違って25対1の混合燃料を入れてしまいました。因果関係は不明ですが、エンジンが掛かりません。 こうした状況について推測できる範 ...

パスワード作成 7

  パスワードがいくつもあって管理できない、と昔から言われ続けていますが、いっこうに改善される気配がありません。 でもパスワードを使う場面はますます増えています。 もしもご自分のパスワードの ...

pdfedit 8

無料で配布されているPDFビューア「Acrobat Reader(旧Adobe Reader)」はPDF文書の表示、検索、印刷、テキストやフォームの入力、注釈機能の使用が可能です。 しかし画像を挿入・ ...

スプレー容器 9

  春夏秋冬、汗っかきさんにとって気を緩めてよい季節なんてありませんよね。朝夕と昼の温度差が激しかったりしようものなら、うっかり服装のチョイスをまちがえ、外出先で大汗をかくということしばしば ...

sentakki_door03 10

  歳の瀬に朝から困ったことが起きました。洗濯機のドアが開かなくなってしまったのです。 2008年に購入したPanasonicのドラム式洗濯機NA-VR1200Lという機種です。購入してから ...

-AFFINGER, WordPress, セレクトワード, モバイル&PC
-

Copy Protected by Chetan's WP-Copyprotect.

Copyright© そらより , 2018 All Rights Reserved.