WordPressの高速化

2016年8月16日2016年10月9日Web-log・ココログ関連,WordPress,パソコン・インターネット

このタイトルでWeb検索すると、山ほど記事が引っかかります。これらの記事の大体は、次の通りです。

JavaScript/CSS/HTMLの最適化
画像の最適化
Cacheプラグインの導入
CDNの利用
.htaccessの変更

高速化に取り組んだ最初の頃は、確かに効果がありました。でも、これらだけだと、頭打ちになります。

高速化で必要なツールとして、ベンチマークサイトがあります。私は、主に次の2箇所を使っています。

これらのサイトを利用すると、診断結果が理由と共に得られます。その内容を読みながら、対策をしていきます。その対策内容が、上記サイトに書かれている内容となります。

対処療法では、これが限界になります。仕組みを理解して取り組む必要があります。次のウェブサイトが、高速化の為の原理的な理解に役立ちます。ありがとうございます。

ウェブページを1秒台で表示させる原理と方法 | Philosophy Guides

なるほど〜。かなり参考にさせていただきました。そして、さらに検索すると、次の連載記事を見つけました。様々なテクニックが載せられています。

とにかく速いWordPress（1）：WordPress自体のチューニングが必要な理由と高速化の基本的な考え方 – ＠IT

このシリーズ中で、PHPのバージョンを上げると速くなると言うものがありました。PHPの新しいキャッシュの仕組みが使えるからです。試してみました。スコア自体に変動はあまりなかったものの、プラグインの時間が一気に短くなりました。ですが、この連載記事で利用できたのはここまででした。後はサーバーを直接いじれないと、対応できません。残念。

私は今、ウェブホスティングサービスに、GoDaddyを使っています。PHPのバージョンを上げられたのも、サービスとして用意されていたからでした。

ホスティングサーバをGoDaddyに引っ越しました[追記あり]

PHPのバージョン設定のcPanelを見ると、色々とオプションを設定できるようです。高速化に効きそうな物を試してみました。これがまた、効果てきめんで、さらにスコアを上げる事ができました。

この調整をしだすと、プラグインの影響が気になります。P3(Plugin Performance Profiler)を使って確認しながら進めました。実際には、CDNを利用しだした頃にP3を導入しています。予想外のプラグインが時間を喰っていたり、自作のプラグインが予期せず時間を喰っている事がわかりました。この調整も大事でした。

最終的なスコアは、次の通りです。結果は、キャッシュのされ具合によって変動するのですが、トップページで見れば、モバイルもパソコンもグリーン表示(85点以上)になります。

項目	モバイル	パソコン	Plugin Time
初期値	65	77
スクリプト・画像最適化	78	85
CDN導入	87	90	1.105
PHP5.6導入	80	86	0.804
PHPオプション最適化	90	93	0.356
カスタマイズ高速化	90	93	0.345
ベストスコア	95	96	0.351

どうです? かなり改善されていますよね? GTmetrixでの結果もあるので、載せておきます。

項目	サーバー博士	GoDaddy+Tuned	GoDaddy+CF+Cache	GoDaddy+Full_Tuned
Top
Page Speed (Google)	A (91%)	A (90%)	A (91%)	A (93%)
Yslow (Yahoo)	B (84%)	A (90%)	A (93%)	A (93%)
Page Load Time (sec)	4.44	2.59	2.90	1.00
Page Size (kB)	226	230	179	210
Requset	41	38	32	32
ブラウザ時間 (sec)		4.36	2.89	0.89
Page
Page Speed (Google)	A (90%)	A (92%)	A (91%)	A (93%)
Yslow (Yahoo)	B (80%)	B (82%)	B (862%)	B (87%)
Page Load Time (sec)	7.01	4.83	3.40	2.30
Page Size (kB)	317	667	360	526
Requset	52	64	45	50
ブラウザ時間 (sec)		5.89	7.02	3.16