Wordpressの高速化

画像



標準インストールのWordpressはかなり遅いです。 デフォルトでは、エンジンは大幅な高速化のために最新のWebの一部の機能を使用しません。 Wordpressを最適化するためのプラグインはたくさんあります。 それらを整理して、資本の最適化を実行しましょう。





始める前に、 Pagespeedの Wordpressのインストールが何を示しているかを見てみましょう:



画像



100のうち76のスコアはかなり低いです。 この指標をどれだけ増やすことができるか見てみましょう。



サーバー側



Nginx


まだNginxを使用していない場合は、Nginxに移行します。 シンプルで強力なソリューション。 パーマリンクのサポートと静的キャッシュを使用するための構成:



server { server_name wp.com; root /var/www/wp; #   WP index index.php; location ~* ^.+\.(ogg|ogv|svg|svgz|eot|otf|woff|mp4|ttf|rss|atom|jpg|jpeg|gif|png|ico|zip|tgz|gz|rar|bz2|doc|xls|exe|ppt|tar|mid|midi|wav|bmp|rtf)$ { access_log off; log_not_found off; expires max; #   } location / { try_files $uri $uri/ /index.php?$args; # permalinks } location ~ \.php$ { fastcgi_pass unix:/var/run/php5-fpm.sock; fastcgi_index index.php; include fastcgi_params; } }
      
      







PHPキャッシュ


APCをインストールできない特別な理由がない場合は、必ず有効にしてください。 APCの可用性を確認します(それに応じて、APC設定のリストを取得します)。



 php -i | grep apc
      
      







5.5以降のバージョンのPHPには、opCacheモジュールが組み込まれているため、APCをインストールする必要はありません。



Mysqlのチューニング


WordpressはInnoDBを使用します。つまり、ハードウェアの多くのパラメーター(my.cnfファイル)を調整することで、MySQLのパフォーマンスを大幅に向上させることができます。



InnoDBバッファーサイズは、使用可能なRAMの半分を入れる方が適切です。



 innodb_buffer_pool_size = 256M
      
      







MySQLキャッシングを有効にすることを忘れないでください:



 query_cache_size = 32M query_cache_limit = 1M
      
      







Wordpress用のより高度なMySQLセットアップ



キャッシング



これが最も重要なポイントです。 キャッシュにより、サイトの速度が大幅に向上し、サーバーリソースを節約できます。 明確にするために、Apacheのabを使用します。 キャッシュせずにWordpressの標準インストールを確認します。 ローカルネットワーク経由でリクエストを送信するため、Wordpress自体以外の遅延は発生しません。



 ab -c 10 -n 500 http://wordpress/
      
      







平均リクエスト時間は約50ミリ秒です。



 Total transferred: 4183000 bytes HTML transferred: 4074500 bytes Requests per second: 17.62 [#/sec] (mean) Time per request: 567.421 [ms] (mean) Time per request: 56.742 [ms] (mean, across all concurrent requests) Transfer rate: 143.98 [Kbytes/sec] received
      
      







Chromeの平均応答予測は150ミリ秒です(サーバーはオランダにあります)。



画像



WPスーパーキャッシュ


このプラグインを使用すると、たった1つのアクションでキャッシュを有効にできます。 標準設定に加えて、キャッシュを調整するための多数のパラメーターが含まれています。 プラグインをダウンロードし、コントロールパネルで有効にして、キャッシュをオンにします。



画像



WPスーパーキャッシュを有効にすると、平均クエリ時間が25倍短縮されます(!):



 Total transferred: 4293500 bytes HTML transferred: 4146500 bytes Requests per second: 499.01 [#/sec] (mean) Time per request: 20.040 [ms] (mean) Time per request: 2.004 [ms] (mean, across all concurrent requests) Transfer rate: 4184.61 [Kbytes/sec] received
      
      







Chromeでの平均応答予測は3倍減少しました。



画像



WP Super Cacheの代替サーバーとして、 Varnishを使用できます。 リクエストを処理するのにかかる時間をほぼ1桁減らすことができますが、ソリューション自体の柔軟性は低くなります(動的な要素のないブログに適しています)。



スタイル、台本、写真



縮小と圧縮


CSS / JSミニファイは、サイズを10〜15%節約できます。 静的な最小化を有効にするために、 WP Minifyモジュールがあります。 ダウンロード、アクティブ化すると、モジュールが機能し始めます。 Gzipはテキストファイルのサイズを数倍縮小します。 Nginx'eでは、次のようにオンになります。



 server { ... gzip on; gzip_disable "msie6"; gzip_types text/plain text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript application/javascript; ... }
      
      







画像の最適化


写真は、ページサイズ全体の非常に大きな部分を占める場合があります。 ロスレス画像圧縮により、サイズを30〜40%節約できます。 EWWW Image Optimizerモジュールはこれを行うことができます。 使用するには、imagemagickとgdライブラリをインストールする必要があります。



 apt-get install imagemagick php5-gd
      
      







優れた実践と経験。







結果として



ページ生成時間のほぼ100倍(Varnishをオンにした)でWordpressのベアインストールをオーバークロックし、Pagespeedインジケーターを76から93に増やしました。



画像



便利なツールとリソース



P3プロファイラーは、現在のWordpressインストールの多くのボトルネックを表示します。 Wordpressを最適化するための便利な対話型チェックリストを使用すると、すべてを念頭に置くことができますが、見逃すことはできません。



ところで、sevenpercentcatherine.wordpress.com(wordpress.comでホストされている)の分析は、Pagespeedで100のうち83を得ています。 問題-縮小はなく、サーバーからの応答が大きすぎます(350ミリ秒)。



コメントであなたの経験とWordpressアクセラレーションツールを共有してください。



All Articles