Google PageSpeed Insightで私のウェブサイトを分析すると、SVGファイルの圧縮に関するいくつかの問題を修正する必要があります。.htaccessファイル内のSVGファイルの圧縮とキャッシュを有効にする
私はこの問題の解決策を見つけようとしているすべてのウェブを探していましたが、私が何をしてもそれはうまくいかないので、今私はあなたに頼んでいます。
ウェブ上の複数のツールからgzipが有効になっているかどうかを確認しましたが、それは真実です。
これまでのところ、私は.htaccessファイルでこれを取得しました。
RewriteEngine On
Options FollowSymLinks
RewriteBase/
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^(.*)$ /#/$1 [L]
AddType image/svg+xml svg svgz
AddEncoding gzip svgz
## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 month"
ExpiresByType image/jpeg "access 1 month"
ExpiresByType image/gif "access 1 month"
ExpiresByType image/png "access 1 month"
ExpiresByType text/css "access 1 week"
ExpiresByType text/html "access 1 day"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType image/x-icon "access 1 month"
ExpiresByType image/svg "access 1 month"
ExpiresDefault "access 1 month"
</IfModule>
## EXPIRES CACHING ##
## FILE COMPRESSION ##
<ifModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file .(html?|txt|css|js|svg|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_include mime ^image/svg+xml.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
</ifModule>
## FILE COMPRESSION ##
# mod_deflate configuration
<IfModule mod_deflate.c>
# Restrict compression to these MIME types
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xml+rss
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE image/svg
AddOutputFilterByType DEFLATE image/svg+xml
<IfModule mod_headers.c>
# Make sure proxies don't deliver the wrong content
Header append Vary User-Agent env=!dont-vary
</IfModule>
私は数時間のために自分を試してみたので、誰かが私の問題への解決策を考え出すために、私は本当に願っています。
SVGではブラウザキャッシュが機能しません。たぶん似たような問題がありますか?
また、ExpiresByType ...の前に 'ExpiresActive on'を追加して、キャッシュの有効期限を設定する必要がありました。詳細情報:https://htaccessbook.com/useful-htaccess-rules/ – Sphinxxx