苦戦!WordPress初心者の私が「サイトの速度改善」に取り組んだ結果

レンタルサーバーを使ってみて、ちょうど1か月になります。記念日?
全く分からないところからのスタートでしたので苦戦の連続でした。

プラグイン?
テーマ?
子テーマ?

というより、WordPressとは?

そんな感じの人間が、よく1か月も続けれたなと思っています。

サイトを作るなら少しでも良い環境に改善したいので・・・

スポンサーリンク

今週悩みに悩んだテーマは「サイトが重いので改善して速くしたい!」

サイトの速度の問題が分かったのは、

夜中にお酒を飲みながらウェブマスターツールを分からないなりに適当に触っていると
PageSpeed Insights」というGoogleのツールがあったので面白そうだと思って試したことがはじまりでした。

結果はスマホもパソコンもどちらも50~60点くらい・・・

やばい!と思ってすぐにgoogleでスピードテストで検索して「GTmetrix」で試したらスコアE、Fとかだし、
サイトの読み込み速度も平均6秒のところ12秒らしいので2倍ですね・・・

あの時は本当に冷や汗がでて、パニックでした。

早速改善に向けて、仕事中や自宅に戻ってから、ずっとパソコンとにらめっこしてました。
睡眠時間を削って勉強です。
会社では「あくび」をしながら仕事をする日々が数日続きました。

それでわかったことは、私のサイトは悪いところはだらけ・・・

まず画像の扱い方です。
普通は圧縮するなんて知りませんよね・・・
そのまま記事に放り込んでいました。
画像を読み込む時間ロスなんて・・・
今じゃ、ほとんど光回線だから関係ないと思っていましたが、4Gなど受信側の回線が細いこともありますよね。

画像の圧縮は「EWWW Image Optimizer」っていうプラグインをインストールして改善されました。
使い方が簡単で助かりました。
ダッシュボード>メディア(BulK Optimize)>Optimize Media Libraryの下のスタートをクリックするだけで全部圧縮してくれます。

WS000019WS000020

画像が改善されたら、次はキャッシュの問題が浮き彫りに…
キャッシュした方が速くなるのは分かるけど、これもそこまで重要視していませんでした。
結局はプラグインの「W3 Total Cache」か「wp Super Cache」、どちらかインストールする必要がありますが、両方試してみてスピードテスト。
「W3 Total Cache」の方が速い結果がでたのでコレに決めました。

ただ「W3 Total Cache」を使うと「WPtouch Mobile Plugin」がエラーをはいて
スマホ表示がされなくなって、意味が分からないので「W3 Total Cache」を停止しました。

これには2日程時間がかかりましたがなんとか解決しましたので書いておきます。
エラーの理由は「W3 Total Cache」の設定でした。
「スマホはキャッシュしません!」と設定していないことが原因でした。

設定の仕方は「W3 Total Cache」のMinifyと Page CacheのRejected user agentsに
下記を入力することで解消しました。※まだAndroid4.2が改善されてません・・・

iphone
ipod
ipad
pre
pixi
iemobile
aspen
incognito
webmate
android
dream
cupcake
froyo
blackberry9500
blackberry9520
blackberry9530
blackberry9550
blackberry 9800
blackberry 9780
blackberry 9850
blackberry 9860
webos
s8000
bada

こんな感じですね。

WS000021

WS000022

これだけでもかなり改善されたのですが、もっと速くしたかったので
「WP Minify」をインストールして速度検査してみます。
たしかに速くなっていましたがレイアウトが少し崩れたので見送りです。

ほかにレイアウトで自分で不要だと思うものは削除しました(上に戻るボタンとか)

再度GTmetrixでスピードテストした結果A,B判定だったので少し良くなったはずです。

サイトも12秒から3.3秒まで、今のところは満足しています。

FireShot Capture 10 - Latest Performance _ - https___gtmetrix.com_reports_freepc.jp_mCiKc0c0

使用しているレンタルサーバーは「Xサーバー」×10の一番安いプランです。

WordPress初心者の方の参考になれば、いいのですが・・・

スポンサーリンク