55

サイトでgzip圧縮を使用できません。

私は最近、css-tricks.comでChrisCoyierによるこのビデオを見ました。ビデオでは、gzip圧縮を有効にしてWebサイトの実行を高速化する方法について説明しています。

彼の指示に従って、html5boilerplate.comを介してgithubにリンクし、.htaccessファイルからgzip圧縮コードをコピーして自分のサイトに貼り付け、自分のサイトにアップロードしました。

gzipwtf.comでテストしましたが、機能しないようです。誰かがこれを手伝ってくれますか？

私の.htaccessファイルは次のようになります。

# ----------------------------------------------------------------------
# Trim www
# ----------------------------------------------------------------------

RewriteEngine On
RewriteCond %{HTTP_HOST} !^orbitprint.com$ [NC]
RewriteRule ^(.*)$ http://orbitprint.com/$1 [L,R=301]

# ----------------------------------------------------------------------
# Gzip compression
# ----------------------------------------------------------------------

<IfModule mod_deflate.c>

  # Force deflate for mangled headers 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
  <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/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>
4

10 に答える 10

93

これを試して ：

####################
# GZIP COMPRESSION #
####################
SetOutputFilter DEFLATE
AddOutputFilterByType DEFLATE text/html text/css text/plain text/xml application/x-javascript application/x-httpd-php
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
BrowserMatch \bMSI[E] !no-gzip !gzip-only-text/html
SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png)$ no-gzip
于 2012-09-11T10:44:26.907 に答える
38

以下のスニペットのように実装することをお勧めします。

以下のコンテンツを.htaccessファイルに貼り付けるだけで、 Google PageSpeed、Pingdom ToolsおよびGTmetricsを使用してパフォーマンスを確認できます。

# Enable GZIP
<ifmodule mod_deflate.c>
AddOutputFilterByType DEFLATE text/text text/html text/plain text/xml text/css application/x-javascript application/javascript
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
</ifmodule>

# Expires Headers - 2678400s = 31 days
<ifmodule mod_expires.c>
  ExpiresActive On
  ExpiresDefault "access plus 1 seconds"
  ExpiresByType text/html "access plus 7200 seconds"
  ExpiresByType image/gif "access plus 2678400 seconds"
  ExpiresByType image/jpeg "access plus 2678400 seconds"
  ExpiresByType image/png "access plus 2678400 seconds"
  ExpiresByType text/css "access plus 518400 seconds"
  ExpiresByType text/javascript "access plus 2678400 seconds"
  ExpiresByType application/x-javascript "access plus 2678400 seconds"
</ifmodule>

# Cache Headers
<ifmodule mod_headers.c>
  # Cache specified files for 31 days
  <filesmatch "\.(ico|flv|jpg|jpeg|png|gif|css|swf)$">
  Header set Cache-Control "max-age=2678400, public"
  </filesmatch>
  # Cache HTML files for a couple hours
  <filesmatch "\.(html|htm)$">
  Header set Cache-Control "max-age=7200, private, must-revalidate"
  </filesmatch>
  # Cache PDFs for a day
  <filesmatch "\.(pdf)$">
  Header set Cache-Control "max-age=86400, public"
  </filesmatch>
  # Cache Javascripts for 31 days
  <filesmatch "\.(js)$">
  Header set Cache-Control "max-age=2678400, private"
  </filesmatch>
</ifmodule>
于 2014-05-19T15:45:07.260 に答える
11

.htaccess は問題なく動作するはずです。<IfModule>これは、4 つの異なる Apache モジュール (ディレクティブごとに 1 つ) に依存します。次のいずれかだと思います。

  • Apache サーバーに mod_filter、mod_deflate、mod_headers および/または mod_setenvif モジュールがインストールおよび実行されていません。サーバー構成にアクセスできる場合は、/etc/apache2/httpd.conf(および関連する Apache 構成ファイル) を確認してください。phpinfo()それ以外の場合は、apache2handler セクションの下で、どのモジュールがロードされているかを確認できます(添付の画像を参照)。( EDIT ) または、ターミナル ウィンドウを開いてsudo apachectl -M、ロードされたモジュールを一覧表示するコマンドを発行できます。

  • http 500 内部サーバー エラーが発生した場合、サーバーで .htaccess ファイルの使用が許可されていない可能性があります。

  • 独自のヘッダーを送信する (Apache のヘッダーを上書きする) PHP ファイルをロードしようとしているため、ブラウザーが「混乱」しています。

いずれにせよ、サーバー構成とエラー ログを再確認して、何が問題なのかを確認する必要があります。念のため、Apache ドキュメントでここで提案されている最速の方法を使用してみてください。

AddOutputFilterByType DEFLATE text/html text/plain text/xml

次に、大きなテキストファイルを読み込もうとします (最初にキャッシュを消去することをお勧めします)。

(編集) 必要なモジュールが (Apache モジュール ディレクトリに) あるが、ロードされていない場合は、/etc/apache2/httpd.conf を編集して、それぞれにLoadModuleディレクティブを追加します。

必要なモジュールがそこにない (ロードされていない、または Apache モジュール ディレクトリにない) 場合、唯一のオプションは Apache (完全なバージョン) を再インストールすることだと思います。

phpinfo() apache2handler セクション

于 2012-09-11T12:46:50.717 に答える
2

私の場合、Apache Web サーバーで gzip 圧縮を有効にするために次のコードを使用しました。

  # Compress HTML File, CSS File, JavaScript File, Text File, XML File and Fonts
    AddOutputFilterByType DEFLATE text/plain
    AddOutputFilterByType DEFLATE text/html
    AddOutputFilterByType DEFLATE text/xml
    AddOutputFilterByType DEFLATE application/json
    AddOutputFilterByType DEFLATE application/x-httpd-php
    AddOutputFilterByType DEFLATE text/css
    AddOutputFilterByType DEFLATE application/xml
    AddOutputFilterByType DEFLATE application/xhtml+xml
    AddOutputFilterByType DEFLATE application/rss+xml
    AddOutputFilterByType DEFLATE application/javascript
    AddOutputFilterByType DEFLATE application/x-javascript
    AddOutputFilterByType DEFLATE font/otf
    AddOutputFilterByType DEFLATE font/ttf

http://www.tutsway.com/enable-gzip-compression-using-htacess.phpから参照しました。

于 2015-05-31T03:25:29.663 に答える
2

同じ .htaccess 構成を使用してこの問題に遭遇しました。text/javascriptサーバーが JavaScript ファイルをではなくとして提供していることに気付きましたapplication/javascript。宣言に追加text/javascriptするとAddOutputFilterByType、gzip が機能し始めました。

javascript が提供された理由については、ルート .htaccess ファイルの先頭に宣言text/javascriptがありました。AddType 'text/javascript' jsそれを削除した後（誤って追加されたもの）、javascriptがapplication/javascript.

于 2014-09-26T21:13:25.640 に答える
1

.htaccess による圧縮を有効にする

これを読んでいるほとんどの人は、Web ホスト/サーバー上の .htaccess というファイルにコードを追加することで圧縮を有効にしています。これは、Web ホストのファイル マネージャー (またはファイルを追加またはアップロードする場所) に移動することを意味します。

.htaccess ファイルは、サイトの多くの重要事項を制御します。

以下のコードを .htaccess ファイルに追加する必要があります...

<ifModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file .(html?|txt|css|js|php|pl)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
</ifModule>

.htaccess ファイルを保存してから、Web ページを更新します。

Gzip 圧縮ツールを使用して、圧縮が機能しているかどうかを確認します。

于 2016-02-17T07:10:08.220 に答える
1

私の場合、この行のみを追加して機能しました

SetOutputFilter DEFLATE

于 2015-04-14T07:41:37.983 に答える
1 
<ifModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file .(html?|txt|css|js|php|pl)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
</ifModule>

<IfModule mod_deflate.c>
# Insert filters
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/x-httpd-php
AddOutputFilterByType DEFLATE application/x-httpd-fastphp
AddOutputFilterByType DEFLATE image/svg+xml

# Drop problematic browsers
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSI[E] !no-gzip !gzip-only-text/html

# Make sure proxies don't deliver the wrong content
Header append Vary User-Agent env=!dont-vary
</IfModule>
于 2018-03-14T06:26:15.160 に答える