WPにおけるJavascript,CSSの動的結合に関してのメモ

hromasaさんに教えてもらった の動的結合に関する情報が面白かったので、それから色々情報をあさっています。
教えていただいたサイトは、
PHP で Javascript を動的結合 : 独断と偏見の何でもレビュー

こちらのページの中ごろに、「 への応用」ってのがありますが、WPではプラグインを大量に使っているとを大量に読み込んで表示を遅くしてしまうので、動的に圧縮してサイズを軽くして読み込みを速くしてやりましょうって試みです。
(僕のこの解釈ちょっと違うかな・・・?)

実際に実験してみましたが、体感的に軽くなったような、なってないような。

そして、さらにまでも結合してしまうとい記事がありました。
たった3行加えるだけで、ページの読み込み時間を劇的に改善させる『class.compressor.php』 | IDEA*IDEA
こちらで知ったのですが、
Improve website load time by 500% with 3 lines of code | Aciddrop.com
ここでファイルなどを配布されているようですが、かなり効果があると言っています。

が、この結果はあくまでも海外のサーバで、日本のようにブロードバンドが普及していない地域での話なわけなので、実際表示されるだけならサーバに負担を掛けない方法を選ぶのが良いかと思います。

Rauru Blog » Blog Archive » class.compressor.php
こちらでも詳しくそのことが解説されていますが、高速化ってことで安易に圧縮すればいいって分けでもないようです。

やはりWPユーザーなら 不要なプラグインを削るとか、外部からの読み込みを少なくするとか、リクエストを減らすとか、WP-Cacheか、WP Super Cacheを使ってキャッシュを利用する方が良いのではないでしょうか?
このプラグインなら、アクセスしたタイミングでキャッシュを作って、次回のアクセスからはキャッシュを表示する訳なので、アクセスがある度に圧縮するほどサーバには負担を掛けません。
実際にWPとWP Super Cache の組み合わせで運営してみたのですが、非常に快適になりました。
ただ、セーフモードなどの規制で使用できない場合もあります。またCGIモードで動作させることも出来るサーバもあるのですが、この場合はPHPで動作させるより負荷がかかりますので注意する必要があります。

と、何も考えずに独り言をメモしてみたのですが、ふと・・・
, を結合したものをキャッシュして静的にすれば良くないかな?
これって技術的に難しいのかな・・・

(俺ってほんと高速化って文字に弱い・・・釣られすぎるw)

Related posts

3 Responses to “WPにおけるJavascript,CSSの動的結合に関してのメモ”


  1. Gravatar Icon 1 をかもと

    はじめまして。

    元記事の「Supercharged Javascript」ですが、結合した js ファイルはサーバ上にキャッシュを取ってたりします。
    すべての js ファイルの更新日付が、キャッシュファイルより古い場合はサーバ上のキャッシュファイルをクライアントに送信する仕掛け。
    さらに Expires と ETAG を付加する事で、クライアントにキャッシュを持たせたりもしてます。

    単純に置き換えるだけであれば .htaccess の mod_rewrite を使用するのが良いかも知れませんね。
    http://dogmap.jp/2007/09/06/minify-javascript/

    ただ kohaku さんのおっしゃるように高速回線の普及した日本では、あまり必要無い小手先の技術かも (^^;

  2. Gravatar Icon 2 ぼの

    > (俺ってほんと高速化って文字に弱い・・・釣られすぎるw)

    今の kohakuさんのままでいてください~。(笑)

  3. Gravatar Icon 3 kohaku

    をかもとさん、はじめまして。
    をかもとさんの記事は、すごく勉強なって面白く興味がある記事です。
    僕は知識がほとんど無い素人なので詳しく分かりませんが、素人でも簡単に設置できれば嬉しいです。

    と、あまえてばかりでは進歩しないので、頑張って勉強しようと思います。是非設置したいと思っているので。
    WP用にプラグイン化して頂けると、僕はとても幸せになりますけど。。w

    今後も参考になせていただきます。

    ぼのさん、こんにちは。
    変わろうと思っても釣られる・・・
    暖かく見守ってくださいw

Leave a Reply





Loopy Red
Ranting Daily
T1
Pigments
Pink for October
Love
Facebooked
Saur