WordPress を使いこなそう

WordPressを使いこなそう

Vol.1

2012.08.24 - wokamoto

2012年8月23日木曜日

自己紹介

Head Cleaner - <head> 部分のお掃除をするプラグイン

OAuth Provider - WordPress を OAuth プロバイダにするプラグイン

WordPress Plugins/JSeries プロジェクトの一員で、主に WordPress のプラグインをつくっています。

http://profiles.wordpress.org/wokamoto2012年8月23日木曜日

http://profiles.wordpress.org/wokamoto

http://profiles.wordpress.org/wokamoto

WordPress のパフォーマンスチューニング済 AMI "網元" を公開したりしました。

http://ja.megumi-cloud.com/


http://ja.megumi-cloud.com

http://ja.megumi-cloud.com

最近、こんなん書きましたWordPress 高速化＆スマート運用

必携ガイド


概要

ボトルネックの特定方法

プラグインを導入した改善手法

サーバサイドの改善方法

WordPress を使ったウェブサイトのパフォーマンス改善について


ボトルネックを探る


遅くなる原因

PHP の処理が遅い

MySQL の処理が遅い

回線速度の問題


PHP の処理が遅い

プラグインやテーマが非効率

無駄に WordPress が動作している

アクセスが多くて、処理が追いついてない


MySQL の処理が遅い

プラグインの詰め込みすぎでクエリーが多い

クエリーが適切にチューニングされていない

MySQL サーバが適切にチューニングされていない


回線速度の問題

画像ファイルなど大きいファイルが多い

CSS, JS の読み込みが多い

外部から読み込んでいる JS が遅い


Debug Bar と Debug Bar Extendar


http://wordpress.org/extend/plugins/debug-bar/

http://wordpress.org/extend/plugins/debug-bar-extender/








インストールしたら wp-config.php

に以下を追加

define('SAVEQUERIES', true);define('WP_DEBUG', true);define('WP_DEBUG_DISPLAY', false);


Debug Bar でボトルネックになっている処理を特定する


Debug Bar の Profiler タブに表示するチェックポイントを追加

<?phpif ( function_exists("dbgx_checkpoint") ) dbgx_checkpoint( $note="注釈" );

?>


WordPress を極力動かさない


存在しないファイルへのアクセスで WordPress が実行してしまう

# BEGIN WordPress<IfModule mod_rewrite.c>RewriteEngine OnRewriteBase /RewriteCond %{REQUEST_FILENAME} !-fRewriteCond %{REQUEST_FILENAME} !-dRewriteRule . /index.php [L]</IfModule> # END WordPress


ブラウザ・クローラが存在確認するファイル

/favicon.ico

/apple-touch-icon.png

/robots.txt

/crossdomain.xml


# BEGIN WordPress<IfModule mod_rewrite.c>RewriteEngine OnRewriteBase /RewriteCond %{REQUEST_FILENAME}! !\.(html?|xml|txt|xsl|js|css|jpe?g|png|gif|ico)$RewriteCond %{REQUEST_FILENAME} !-fRewriteCond %{REQUEST_FILENAME} !-dRewriteRule . /index.php [L]</IfModule> # END WordPress


JavaScript の重複に気をつける


<?php wp_enqueue_script('jquery'); ?>


jQuery だけ Google AJAX

Libraries のモノを使う <?phpwp_deregister_script('jquery');wp_enqueue_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js', array(), '1.7.2');?>


静的ファイルに有効期限を設ける


<IfModule mod_expires.c>ExpiresActive OnExpiresDefault "access plus 1 seconds"ExpiresByType text/html "access plus 1 seconds"ExpiresByType image/gif "access plus 30 days"ExpiresByType image/jpeg "access plus 30 days"ExpiresByType image/png "access plus 30 days"ExpiresByType image/x-icon "access plus 30 days"ExpiresByType text/css "access plus 7 days"ExpiresByType text/javascript "access plus 7 days"ExpiresByType application/x-javascript "access plus 7 days"</IfModule>


Expires 設定した時の注意点

wp_enqueue_style( 'my-theme-style', get_template_directory_uri() . '/style.css', array(), date('YmdHis', filemtime(get_template_directory() . '/style.css') ) );


テキストファイルをgzip 圧縮転送する


<IfModule mod_deflate.c>SetOutputFilter DEFLATEBrowserMatch ^Mozilla/4 gzip-only-text/htmlBrowserMatch ^Mozilla/4\.0[678] no-gzipBrowserMatch \bMSIE/[1-6] !no-gzip !gzip-only-text/htmlSetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png|ico|pdf)$ no-gzip dont-varySetEnvIfNoCase Request_URI _\.utxt$ no-gzipDeflateCompressionLevel 4AddOutputFilterByType DEFLATE text/plainAddOutputFilterByType DEFLATE text/htmlAddOutputFilterByType DEFLATE text/xmlAddOutputFilterByType DEFLATE text/cssAddOutputFilterByType DEFLATE application/x-javascriptAddOutputFilterByType DEFLATE application/x-httpd-php</IfModule>


.htaccess を極力使わない


/.htaccess

/wp-includes/.htaccess

/wp-includes/js/.htaccess

/wp-includes/js/jquery/.htaccess

/ に対して AllowOverride が有効になっている場合/wp-includes/js/jquery/jquery.js にアクセスがあった際は Apache は以下のファイルをすべて調べる


画像ファイルを最適化する


http://wordpress.org/extend/plugins/wp-smushit/




配信先を複数に分ける


http://wordpress.org/extend/plugins/wp-flickr-press/




http://wordpress.org/extend/plugins/tantan-s3/




CDN を使ってコンテンツを配信する


http://wordpress.org/extend/plugins/wpbooster-cdn-client/






CSS, JS を最適化する


http://wordpress.org/extend/plugins/head-cleaner/




適用前


適用後


WordPress の出力をキャッシュする


Object Cache


よくある WordPress 高速化の手法

<?php bloginfo('stylesheet_url') ?>

テンプレートタグをテーマ中に書くと MySQL サーバにアクセスして遅くなるので URL を直接書こう。

http://example.jp/wp-content/themes/example/style.css

残念ながら、この手法にはあまり効果がありません。


wp_cache_add( $key, $data, $group )

wp_cache_replace( $key, $data, $group )

wp_cache_set( $key, $data, $group )

wp_cache_get( $key, $group )

wp_cache_delete( $key, $group )

wp_cache_flush()


オブジェクトキャッシュされたデータは

通常、毎回破棄される


オブジェクトキャッシュされたデータを永続的に使用するためのプラグイン

http://wordpress.org/extend/plugins/wp-file-cache/

http://wordpress.org/extend/plugins/apc/

http://wordpress.org/extend/plugins/memcached/








DB のクエリー実行結果をキャッシュする


http://wordpress.org/extend/plugins/db-cache-reloaded-fix/






WordPress の出力を丸ごとキャッシュする


http://wordpress.org/extend/plugins/wp-super-cache/




http://wordpress.org/extend/plugins/nginx-champuru/




MySQL のチューニング


$ wget mysqltuner.pl$ chmod +x mysqltuner.pl$ ./mysqltuner.pl


Twitter : @wokamoto


WordPress を使いこなそう

Technology

Transcript of WordPress を使いこなそう