Blender.jp

ここ数週間、私はこのサイトに影でいくつかの技術的な変更をしてきました。これらに興味をお持ちの方のために、私のしてきたことを簡単に解説していこうと思います。もしWebテクノロジーについて興味のない方でも、このサイトがスピードアップしたとなればどうでしょう？

- 最初の第一歩として、私たちのページの個々の要素の読み込み時間を割り出すため、Firebug's Net moduleを適用し、Firefox に素晴らしい Firebug 拡張を使用しました。Firebug は他にも便利なことがたくさんあります。もしあなたがWeb技術者であるなら、導入を検討すべきです！

- さらに、mod_expires をWebサーバに追加しました。私は ISP にApache のモジュール、mod_expires を私たちのWebサーバにインストールすることを依頼しました。mod_expires は特定のファイルタイプにおけるサーバの応答のExpires HTTP ヘッダを設定することにより、皆さんのブラウザのクライアントサイドのキャッシュを改善することができます。最初の訪問時は早くはならないのですが、その後の閲覧は体感できるほど早くなるでしょう。

- Wordpress で gzip エンコードを行うようにしました。これはスタンダードなWordpress gzipオプションが私たちのキャッシュプラグインに干渉していたため、これは簡単なことではありませんでした。
私はこの問題の修正を発見し、少しテストしてみました。私たちのHTMLコードのファイルサイズは約84％縮小しました。このサイトのサイズが56KBから9KBになったのです。特に遅い回線を使用されているユーザの方々はこのことに気づくでしょう！（もちろん、皆さんのWebサーバにmod_gzipがあれば、このテクニックの代わりに使用できるでしょう）

- いくつかのJavaScript ファイルを移動。私は最近JavaScriptファイルのインクルードについて少しかじっただけなのですが、これらはすべてのブラウザにおいて常に順次読み込まれます。（画像や他のページの要素の）ブラウザの「通常の」動作は、Webサーバから平行して読み込まれます。Firebugでこれを確認しており、私たちのページ上の多数のJavascriptファイルが速度を大幅に低下させていることは明白でした。いくつかの Javascript のインクルードを HTML ファイルの最後に移動することで、実際の読み込み時間はスピードアップすることはないものの、ブラウザがまだもう少しファイルを読み込んでいる途中でも、ページがいち早く完全にレンダリングされるでしょう。

- Lightbox プラグインの削除。Lightbox プラグインはちょっと気取った画像拡大表示エフェクトを行っていました。見た目はいいのですが、どうして大きくなった画像を閉じる必要があるのかと、実際には嫌いになり始めていました。あ、もちろん、止めたことで数ミリ秒の読み込み時間も短縮されました。

私は BlenderNationのスピード向上方法をこれからも探し続けていこうと思います。もしなにか助言などがありましたらお知らせ下されば嬉しいです！
もちろん、大きな疑問にも：皆さんは最近これらの改良に気づかれましたか？ このサイトはどれだけスピードアップしましたか？ 満足できるスピードですか？ まだ遅いですか？