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


22

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

回答:


15

HTML5 Boilerplate(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への固定リンク


12

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

9

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

<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>

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

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.