WordPress ME 2.2.3 がリリースされたのでアップデート。
といっても、ME 2.2.1 からの差分ファイルを上書きしただけ。
プラグイン等の問題も特に発生せず。
WordPress 2.2.3 へのアップデート
コメントを残す
「雑文」カテゴリーアーカイブ
コードのサイズを圧縮する!
JavaScript のコードから、不用な文字を削除してコードのサイズを小さくしようと言う提言。
JavaScript圧縮ツールや難読化ツールを用いれば、比較的簡単にできます。
これは、かなり効果が期待できるので、是非対応したいところ。
難読化ツールだと、バグフィックスが面倒なので、圧縮ツールを使えばいいかと思われます。
オリジナルと別に圧縮したコードをサーバにおいておいて、mod_rewrite で置き換えてやれば、メンテナンスも問題ないでしょう。
私が、試してみた圧縮ツールはこの辺り。
scriptは下に!
script がダウンロードされている間は、それより下に配置されたコンテンツはレンダリングされないので、script は可能な限り下に配置しましょうと言う提言。
言ってることは分かるんですが、中々難しいですね。
特に各プラグインが挿入している script タグは念入りにテストしないと、おいそれと下方に配置はできませんね。
ちなみに WordPress のプラグインで、ヘッダに JavaScript 等を挿入している箇所は
add_action('wp_head','hogehoge');
なので、ここを
add_action('wp_footer','hogehoge');
にしてやれば、下方に配置させることができます。
# ただ、JavaScript と同時に CSS も HEAD 内に吐き出してることが多いので、注意が必要。
CSSは上に!
すべての CSS がダウンロードされるまで、ブラウザでのレンダリングが始まらないため、CSS はできるだけ上に書きましょうと言う提言。
また link 要素を使用せずに @import で CSS を読み込んだ場合は、IE で一瞬 CSS が適用されずに素のコンテンツが表示される FOUC (Flash of Unstyled Content) と言う問題が起こります。
これについては、ウチのサイトでは問題は無かった。
普通、スタイルシートは HEAD の外に置くようなことは無いので、あまり気にしなくてもいいのでは？
ただ FOUC については初耳だったので、今後は気をつけるようにしたい。
コンポーネントを圧縮しよう!
最近のブラウザであれば gzip 圧縮されたファイルを送信すれば、ブラウザが圧縮解除して解釈してくれるので、できるだけ gzip 圧縮して送信して転送量を減らそうと言う提言。
CSS / JavaScript / html などのテキストファイルについては、結構効果的だ。
Wordpress の記事本文については、管理画面で設定変更することによって gzip 圧縮転送ができるが、CSS / JavaScript に関しては、設定してやらなければ gzip 転送はされない。
Web サーバとして Apache を採用しているならば、mod_gzip または mod_deflate を設定するのが、現実的だろう。
… が、さくらのレンタルサーバでは、どちらのモジュールも使用できない模様。
Expiresヘッダを追加しよう!
コンテンツの有効期限を遠い未来に設定し、クライアントのキャッシュを利用して HTTP リクエストを減らそうと言う提言。
Web サーバとして Apache を採用しているならば、mod_expires を設定するのが、現実的だろう。
…が、さくらのレンタルサーバでは mod_expires は使用できない模様。
HTTPリクエストの数を減らそう!
HTTP リクエストの数を減らすための具体的な方法と対応を考えてみる。
パッと思いつくのは、こんな感じ？
- 分散している JavaScript / CSS を一ファイルにまとめる
- 画像ファイルを減らす
- できるだけクライアントにキャッシュさせて、ファイル要求を減らす
サイトのパフォーマンスチューニング
YSlow for Firebug は Thirteen Simple Rules for Speeding Up Your Web Site(日本語訳)にて、言及されているものについて一つずつ計測して結果を出してくれる。
これに対応すれば、かなりサイトの高速化が図れると言うシロモノだ。
基本的なポリシーは、
- クライアント側のキャッシュを活用したり、無駄な HTTP リクエストを減らして、ネットワークボトムを解消しよう
- ページレンダリングに関連するもの(CSS)は先に読み込ませ、関係ないもの(JavaScript)は後で読み込んで見た目の表示を速くしよう
ってな感じだ。
YSlow for Firebug
Yahoo! Exceptional Performance team が作成した評価基準にしたがってWebページのパフォーマンスを計測してくれる Firefox のエクステンション YSlow for Firebug が面白い。
これは Firefox のエクステンション Firebug の組み込み機能として提供されるエクステンションなのだが、中々便利だ。
パフォーマンス計測して、アドバイス(英語ですが)までしてくれる。
自サイトが妙に重たいなぁと思っている方は、導入して色々と試してみてはいかが？
Retired – ブログ引退表明サービス
ブログを引退、中断、移転する際、放置されるブログに目印をつけるサービス(ブログパーツ)。
中々、面白いアイデアだと思う。
そんなわけで、早速登録して以前のサイトにブログパーツを貼り付けてみた。