2012/5/19 Webのパフォーマンスを考える ～WordPressと付き合うために～ @ WB Osaka
- 4. 性能改善...その前に
● サーバが原因？
○ 安いレンタルサーバだから？
○ 実はサーバが海外？
● WordPressが遅い？
○ プラグインが原因？
○ テーマが原因？
● それ以外に原因は？
○ 自社の回線が遅い？
○ 実はPCが古くて遅い？
- 5. 原因はどこに？
CDN/別サイト
Web DB
同時ダウンロード数 WP MySQL
6ファイル/ホスト
CDN/別サイト利用
減
の削 削減
スト数 の
クエ ルサイズ
リ イ サーバ側の改善
ファ
WPプラグインの改善
キャッシュ
- 6. 原因を调べるには
<ブラウザで調べる>
● Firebug (Firefox)
● Chrome Developer Tools (Chrome)
● Yslow (Firefox/Chrome)
● PageSpeed (Firefox/Chrome)
<サービスで調べる>
● Pingdom Tools
● GTmetrix etc
- 9. 改善方法
フロントエンドの改善
● まずはじめに
● リクエスト数削減
● ファイルサイズ削減
● CDNや別サイト利用
● キャッシュ
● WordPressプラグイン
バックエンドの改善
● サーバ側の改善
- 13. 改善方法 ～CDNや別サイト利用～
● ホスト毎の同時ダウンロード数上限
● yimg.jpの例
● CDNの利用
● 外部のjQuery、html5.jsを利用するメリット
ユーザーに近いところからの配信
サーバのアクセス数削減
jQuery
https://ajax.googleapis.com/ajax/libs/jquery/x.x.x/jquery.min.js
http://ajax.aspnetcdn.com/ajax/jQuery/jquery-x.x.x.min.js
http://code.jquery.com/jquery-x.x.x.min.js
HTML5.js
http://html5shiv.googlecode.com/svn/trunk/html5.js
- 16. 例：キャッシュ利用の効果
http://php-ninja.com/ http://php-ninja.com/
(初回アクセス時) (２回目アクセス時)
52リクエスト / 418.8KB 8リクエスト / 16.2KB
http://php-ninja.com/ YSlowの結果
- 21. 参考书籍
ハイパフォーマンスwebサイト
続?ハイパフォーマンスwebサイト
WordPress高速化&スマート運用ガイド
