サポート » 使い方全般 » js,cssの圧縮による表示スピード向上の可能性に関連して

  • 解決済 pyonko

    (@pyonko)


    いつも大変お世話になっております。
    Google提供のFirefoxのアドオン「Pgae Speed」でチェックした際に、
    「以下のリソースを gzip で圧縮すると転送サイズを 170.0 KB(67%)削減できます。」ということで、
    ・/wordpress/wp-includes/js/jquery/jquery.js?ver=1.7.2 を圧縮すると 59.7 KB(64%)削減できます。
    ・/wordpress/wp-content/themes/子テーマ/style.css を圧縮すると 17.4 KB(76%)削減できます。
    ・/wordpress/wp-content/themes/twentyten/style.css を圧縮すると 16.6 KB(73%)削減できます。
    (影響度の順に出力され、以下略)
    などの提案が出力されますが、これらの基本ファイルはgzip で圧縮しても動作には問題ないのでしょうか?仮に問題ないとして、そのような場合、圧縮ファイル名は拡張子を含めてどのように記述するのでしょうか?どうぞよろしくお願いいたします。

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • トピック投稿者 pyonko

    (@pyonko)

    ありがとうございます。
    ob_start(“ob_gzhandler”);
    をページの最初で実行させればよい、と解釈してheader.phpの最初に置いてみましたが、
    これで効果で出ているということなのでしょうか?
    ob_startの挿入前後でソースには変化がありません。

    javascriptだけでなく、リクエストされる全てのファイルがgzipになっているのでしょうか?

    トピック投稿者 pyonko

    (@pyonko)

    経過を報告します。テストサイトを二つ有しています。本サイトとはレンサバが違います。
    Page Speedの測定スコアを見ると、ob_start(“ob_gzhandler”);の挿入前後で有意差は見られないような気がしますが、ob_startの使い方が間違っているのでしょうか?
    なお、本サイトはGoogle Analyticsコードがあるだけの違いになりますが、まだ試していません。

    トピック投稿者 pyonko

    (@pyonko)

    お世話になります。Codex(日本語版)の
    WordPress の最適化/出力の圧縮
    というエントリーに、
    「WordPress をインストールしたルートディレクトリの index.php ファイルの最初に一行、ob_start(‘ob_gzhandler’); というコードを書くだけです。」
    と出ていました。

    これでやらないと実行されないのかな、っということで試してみることにします。
    ただ、「 WordPress をアップグレードした際に上書きされてしまうのを忘れないようにしてください。その際、再度編集が必要になります。」というのがやや気が思いですね。

    こんにちは

    大分、ご苦労されている様子ですね

    混乱を招くリンクだったのかもしれませんね。

    W3 Total Cache というプラグインなども圧縮転送をサポートしていたと思いますので、プラグインを探してみるのも一つの方法だと思います。

    他には、CSSTidy などで行う、圧縮などは、余計なホワイトスペースを、取り去っているだけだったりして、それぐらいの事なら、テーマの中でやってしまえと言うことで、WP_DEBUGの時には、可読性のCSSを、それ以外の時には、余計なスペースを取り去るような工夫を自分のテーマの中で行っています。

    テーマとしての表示スピードは決して速くありません(遅いです)が、アイディアとして、みて頂くといいかも、 と思います
    ヘッダー内にある埋め込みスタイルの部分を見てください

    http://wordpress.org/extend/themes/raindrops

    トピック投稿者 pyonko

    (@pyonko)

    nobita様
    ありがとうございます。index.phpにob_start(‘ob_gzhandler’); を追加したことで、htmlファイルのみがgzip化され、20%の「軽量化」ができたことが、
    http://www.gidnetwork.com/tools/gzip-test.php
    により確かめられました。ですので、ob_gzhandlerは役立ちました。さらにPage Speedで指摘されていたCSS,JSの軽量化はまだです。.htaccessのモジュールを使う方法も可能との情報がありましたので、いろいろ試してみる予定です。結果はまた報告します。

    トピック投稿者 pyonko

    (@pyonko)

    ありがとうございました。
    .htaccessにおいて、
    AddOutputFilterByType DEFLATE text/css application/x-javascript
    を記述することにより、Page Speedはcss,jsに関しては何も言わなくなりました。
    しばらく様子をみて、Googleのウェブマスターツールの「パフォーマンス」のグラフ(読み込み時間)が顕著に下がっていることが確認できればうれしいだろうと思います。

    ひとまずはこれで解決とさせていただきます。アドバイスくださってありがとうございました。

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • トピック「js,cssの圧縮による表示スピード向上の可能性に関連して」には新たに返信することはできません。