サイト運営」タグアーカイブ

コードのサイズを圧縮する!

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 FirebugThirteen Simple Rules for Speeding Up Your Web Site(日本語訳)にて、言及されているものについて一つずつ計測して結果を出してくれる。
これに対応すれば、かなりサイトの高速化が図れると言うシロモノだ。

基本的なポリシーは、

  • クライアント側のキャッシュを活用したり、無駄な HTTP リクエストを減らして、ネットワークボトムを解消しよう
  • ページレンダリングに関連するもの(CSS)は先に読み込ませ、関係ないもの(JavaScript)は後で読み込んで見た目の表示を速くしよう

ってな感じだ。

続きを読む

WordPress 2.2.1 へのアップデート

つい先日バージョンアップしたばかりですが、WordPress 2.2.1 がリリースされたのでアップデート。
今回のアップデートは重要なセキュリティ上の更新も含まれているので、2.2 ユーザはアップグレード必須とのこと。
邦訳は、Standing Tall さんのエントリ WordPress 2.2.1 を参照。

使用している WordPress Plugin

WordPress の大きな魅力として、簡単に導入できる様々なテーマやプラグインがあるわけですが、当サイトでも幾つかプラグインを導入しています。
で、今回は当サイトに導入しているプラグインをご紹介。
# っていうか、明らかに自分用のメモです。
続きを読む