☰

我正在尝试对我的 javascript 和 css 文件进行 gzip 压缩，但对于 css 它不起作用

tag-icon • tag-icon gzip compression
我正在尝试对我的 javascript 和 css 文件进行 gzip 压缩，但对于 css 它不起作用

我正在尝试对我的 js 和 css 文件进行 gzip 压缩。但对于 css 它不起作用。此外，当我使用 Firefox 页面速度进行页面速度分析时，它要求在您的服务器上启用 gzip 压缩。这意味着 gzip 压缩不起作用。

这是我在每个 php 文件顶部使用的 php 代码

if (substr_count($_SERVER['HTTP_ACCEPT_ENCODING'], 'gzip')) ob_start("ob_gzhandler"); else ob_start();

下面是 gzip 压缩的 .htaccess 代码

<IfModule mod_deflate.c>
# Insert filter on all content
###SetOutputFilter DEFLATE
# Insert filter on selected content types only
AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css text/javascript

# 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

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

# compress text, html, javascript, css, xml:
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE image/png
AddOutputFilterByType DEFLATE image/gif
AddOutputFilterByType DEFLATE image/jpg
AddOutputFilterByType DEFLATE image/jpeg
AddOutputFilterByType DEFLATE image/vnd.microsoft.icon
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript

# Or, compress certain file types by extension:
<Files *.html>
SetOutputFilter DEFLATE
</Files>

有人能帮助我吗？我的网站网址是http://www.pricecatalogs.com/

答案1

您确定已经设置 CSS 文件的 MIME 类型吗？

AddType text/css .css

答案2

在你的 HTML 中包含 css 文件时应该有 type="text/css" ：
<link type="text/" href="style.css" ... />

相关内容