WordPressでブログを作ってしばらく経った頃に悩むのが、
ページの読み込み速度ですよね。
キャッシュ系プラグインをいろいろ組み合わせて試行錯誤してきたのですが、
今回勇気を出してある設定に手を出したところ、
GTmetrixでいきなりAAが出ましたよ!
いま使ってる高速化プラグイン+サービス
WordPress高速化についてググったらいろんなブログで紹介されてる
定番どころはひと通り使ってきたと思いますが、現在は
- 001 Prime Strategy Translate Accelerator
翻訳ファイルの読み込みをキャッシュ化 - DB Cache Reloaded Fix
データベースをキャッシュ - W3 Total Cache
とにかくいろんなものをキャッシュ - WP Hyper Response
サイトと管理画面のレスポンスを向上
プラス
- エックスサーバーのPHP高速化設定(FastCGI化)オン
- CloudFlare
画像などの大容量コンテンツをキャッシュして配信してくれるネットワーク
でやってます。
やってるだけでなく、当分これで落ち着きそうです。
っていうかエックスサーバー ってPHP高速化設定なんてあったんですね。
オンにしてすぐは読み込みに時間かかってましたが、
落ち着いたらビュンビュンでした。
もっと早く使ってればよかった…!(>Д< ;)
JavaScriptとCSSだけで相当足引っ張ってる
今までも上記の組み合わせで使ってきましたが、
中には手を付けてなかった設定もあります。
それこそ「Minify」。
Head Cleaner を使ってた時、自分ではトラブル解決できなかったので
CSSやらHTMLやらJavaScriptやらをスッキリ圧縮するのには
まだ抵抗があったんですね。
でも
GTmetrix | Website Speed and Performance Optimization
でチェックすると、ページスピードグレードを大きく引っ張ってるのは
どうもCSSとJavaScrptくさい。
そこで思い切ってW3 Total Cacheの設定からMinifyどんどんしてみました。
W3 Total CacheからCloudFlareのMinify機能をオンにする
W3 Total CacheにもMinify設定あるのですが、
「CloudFlareでMinifyする設定になってるから、無効になるよ」
<
p>と言われてるみたいですね。
というわけでCloudFlareの方の設定です。
CSS, JavaScript, and HTML
を選択。
<
p>
Rocket Loaderはまだβ版とのことで不具合が出るらしく、
使用すると一部ウィジェットやアドセンスが非表示になることも
あるようです。
ただRocket Loader使うと、マジ爆速。
おまけにあっという間にページスピードグレードがAAに!
Rocket Loader切るとグレードは落ちますね(;´∀`)
でも相変わらず読み込み時間は比べ物にならないくらい短い。
すごく乱暴な言い方ですが、
不具合出るか確かめながらやればいいんだから
もっと早くにいろいろ試していればよかったです。
参考サイト
「W3 Total Cache」のススメ | 怠惰は美徳
表示スピードの高速化に役立つ!JavascriptやCSSファイルに自動で付与されるバージョン番号を非表示にする方法 | gori.me(ゴリミー)
コメント