web-dev-qa-db-ja.com

.htaccessを介してGzipまたはDeflate圧縮を有効にする方法は?

.htaccessを介してGzipまたはDeflate圧縮を有効にする方法と、最近の圧縮はどちらが最適ですか?コード例が必要です。

22
dzhi

HTML5ボイラープレート( http://html5boilerplate.com )は、最良で最も効果的なソリューション設定であると思われるものに加えて、キャッシング、mimeタイプなど、他の多くの機能を提供します。強くお勧めします。

<IfModule mod_deflate.c>

# Force compression for mangled headers.
# http://developer.yahoo.com/blogs/ydn/posts/2010/12/pushing-beyond-gzipping
<IfModule mod_setenvif.c>
<IfModule mod_headers.c>
SetEnvIfNoCase ^(Accept-EncodXng|X-cept-Encoding|X{15}|~{15}|-{15})$ ^((gzip|deflate)\s*,?\s*)+|[X~-]{4,13}$ HAVE_Accept-Encoding
RequestHeader append Accept-Encoding "gzip,deflate" env=HAVE_Accept-Encoding
</IfModule>
</IfModule>


# Compress all output labeled with one of the following MIME-types
# (for Apache versions below 2.3.7, you don't need to enable `mod_filter`
#  and can remove the `<IfModule mod_filter.c>` and `</IfModule>` lines
#  as `AddOutputFilterByType` is still in the core directives).

<IfModule mod_filter.c>
AddOutputFilterByType DEFLATE application/atom+xml \
application/javascript \
application/json \
application/rss+xml \
application/vnd.ms-fontobject \
application/x-font-ttf \
application/x-web-app-manifest+json \
application/xhtml+xml \
application/xml \
font/opentype \
image/svg+xml \
image/x-icon \
text/css \
text/html \
text/plain \
text/x-component \
text/xml
</IfModule>

</IfModule>

編集:この質問と回答が数年後に賛成され続けるので、私はより完全な 最適化 のためにH5BPサーバー構成リンクを配置しています。

編集: https://github.com/h5bp/server-configs-Apache へのリンクを修正しました

15
dzhi

Apache mod_deflate のドキュメントを参照してください。具体的には、「画像以外のすべてを圧縮する」の例をご覧ください。それは私にとってはうまくいき、.htaccessファイルは次のとおりです。

<IfModule mod_deflate.c>
        # Insert filter
        SetOutputFilter DEFLATE

        # Netscape 4.x has some problems...
        BrowserMatch ^Mozilla/4 gzip-only-text/html

        # Netscape 4.06-4.08 have some more problems
        BrowserMatch ^Mozilla/4\.0[678] no-gzip

        # MSIE masquerades as Netscape, but it is fine
        # BrowserMatch \bMSIE !no-gzip !gzip-only-text/html

        # NOTE: Due to a bug in mod_setenvif up to Apache 2.0.48
        # the above regex won't work. You can use the following
        # workaround to get the desired effect:
        BrowserMatch \bMSI[E] !no-gzip !gzip-only-text/html

        # Don't compress images
        SetEnvIfNoCase Request_URI \
        \.(?:gif|jpe?g|png)$ no-gzip dont-vary

        # Make sure proxies don't deliver the wrong content
        Header append Vary User-Agent env=!dont-vary
</IfModule>

そしてもちろん、httpd.conf有効にするファイルmod_deflate

LoadModule deflate_module libexec/Apache2/mod_deflate.so
12
morgant

.htaccessディレクトリのルートにあるpublic_htmlファイルに追加された次のコードを使用して、サイトの静的アセットでdeflateを(MIMEタイプによって)有効にしました。

<ifModule mod_deflate.c>
  AddOutputFilterByType DEFLATE text/html text/xml text/css text/plain
  AddOutputFilterByType DEFLATE text/javascript application/javascript application/x-javascript application/json
</ifModule>

ファイル拡張子で有効にすることもできますが、そのための構文はありません。

9
Andrew Hedges