まとまりのないブログ

something which something is something

css

apache2のgzip圧縮によるレスポンス改善

投稿日:

googleのウェブマスターツールでgzipで圧縮するとファイルサイズが半分になる,とアドバイスされたが,6KBのCSSファイルが半分の3KBになったところでどれだけ効果があるのかねぇ・・・と半信半疑だったが,apache2に圧縮設定を設定してみると体感で明らかにレスポンスが良くなったので驚いた。

apache2の設定ファイルは小さく分割されてあっちこっちにわかれているため,どこに記述したらいいのか迷ったが,とりあえず /etc/apache2/httpd.conf が空だったのでそこに記述してみることにした。記述内容は下記のような感じ。

<IfModule mod_deflate.c>
# Insert filters
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE image/gif
AddOutputFilterByType DEFLATE image/jpeg
AddOutputFilterByType DEFLATE image/png
AddOutputFilterByType DEFLATE image/x-icon
</IfModule>

はじめはcssとhtmlの圧縮だけ設定してみたがあまりにも効果的だったので画像もついでに記述してみた。htmlは圧縮が効いているのかは不明。レスポンスは劇的によくなったが,あまりにも上手くいきすぎているため何か裏がありそうだが・・・しばらくは様子見。百度の画像検索でサムネイルがやたら速く表示されるから不思議だったが,おそらく圧縮の設定をしているのだろうと思う。

-css

執筆者:


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

関連記事

no image

internet explorer6で印刷プレビューした時に背景画像が表示されない

背景画像を表示させる要素に、スタイルシートでwidthまたはheightの値を設定してあげなければ印刷プレビューした時に画像が表示されなくなってしまう。firefoxやopera、ie7では問題はなか …

no image

html5でcanvas要素の下部に7pxのマージンが発生してしまう件

htmlのレンダリングに関することで、canvas要素を3つほど連続して配置したときに謎の空白が下部に発生するのを確認した。意味がわからないのは、<!DOCTYPE html> を文書先頭 …

no image

a要素の記述 その順番

a要素のスタイルを記述する場合には、 a:link a:visited a:hover a:active という順番で記述しなければならない。そうしないと記述通りに表示がされない模様。例えばa:vis …

HTML要素自体にCSSを適用する

HTMLのスタイルシートについて、今までHTML要素とbody要素には特にスタイルシートを設定することは意図的に避けていたが、適用するとまずいこととかあるのだろうか。そういうことをしている人があまりい …

no image

internet explorer 向けのcss hack情報

リンク集のようなもの 参考サイト 【特集】正式版完全対応! Internet Explorer 7 CSS攻略法 (16) 04-02 CSSハックの利用(1) | クリエイティブ | マイコミジャー …