- WordPressで読み込み速度1秒台を実現するために実施した5つの施策 | gori.me
- WordPressで1秒切り!目を疑う高速表示の設定はこれだ!1時間で5万PVでも大丈夫 | iPhone 研究室
- [ WordPress ] やった!!たった10分で。ほんの3つのプラグインと1つのサービス導入でブログが 200% 高速化しました! | 覚醒する @CDiP
最近をwordpress高速化の話題が多いですがサーバーの話題がなかったのでちょろっと書いてみます
さくらVPS
Nginx1.2.8
Page load time: 1.25s
W3 Total Cacheの設定
Page CacheとBrowser CacheとCDNさえ使えば他の設定は不要です
というのもPage Cacheで静的なページを作成してしまえばWordPressが呼ばれるタイミングなんてほぼなくなるからです
General Setting
Page cache:Enable
Page cache method:Disk: Enhanced
Browser Cache:Enable
Page Cache
Cache front page
Cache feeds: site, categories, tags, comments
Cache requests only for nob-log.info hostname
Don’t cache pages for logged in users
Don’t cache pages for following user roles
をONにしています
要はログインしてるとキャッシュしないけどそれ以外はほぼ全部キャッシュするって設定ですね
Browser Cache
Set expires header
Set cache control header
Set entity tag (eTag)
Enable HTTP (gzip) compression
Disable cookies for static files
ここで大事なのはEnable HTTP (gzip) compressionをオンにすること
nginxとの相性がよろしくなります
Disable cookies for static filesはオンにしてもYslowのスコアが変わらないので効いていない可能性が高いじゃないかと思ってます
設定を保存しても
Save all settingsを押して設定を保存してもnginxの場合設定はなにも反映されません
wordpressがあるディレクトリ(例えば/var/www/wordpress)にnginx.confというファイルが生成されているのでこれを使います
Nginxの設定
すでにnginxで動いている人は/var/www/wordpress/nginx.confをincludeして再起動すれば設定が有効になります
server {
..
..
include /var/www/wordpress/nginx.conf;
..
..
}
nginxでリバースプロキシをしつつ、W3 Total Cacheを効かせる設定はこんな感じになってます
リニューアル直後と比較すると
Page load time: 5.40sだったので約400%の高速化になってますね
すごいですね、W3 Total Cache
GTmetrix | Website Speed and Performance OptimizationでPage load time: 5.40sなのでもっと高速化が出来る気がしています
wordpress自体のスピードは1秒以内なので、画像とjsの読み込みをどうにかせんといかんですね
というのは冗談で、実際にはページ読み込み速度の改善は画像を非同期に読み込むようになるCloudFlareの効果が大きいです(^ω^)
コメント
[…] WordPressをW3 Total CacheとNginxを使って400%高速化したよ […]
[…] ※ 参照サイト:WordPressをW3 Total CacheとNginxを使って400%高速化したよ […]
[…] WordPressをW3 Total CacheとNginxを使って400%高速化したよ. […]
[…] 「WordPressをW3 Total CacheとNginxを使って400%高速化したよ」 […]
[…] 参考記事:WordPressをW3 Total CacheとNginxを使って400%高速化したよ […]