Question

我正在尝试使用gzip来压缩svg文件和其他数据。

我使用的代码如下：

.floating-box {
    display: inline-block;
    width: 150px;
    height: 75px;
    margin: 10px;
    border: 3px solid #73AD21;  
}

使用http://checkgzipcompression.com/我得到了一些有关压缩内容和未压缩内容的详细信息。

技术细节 HTTP结果200

内容类型text / html

压缩时间10,818字节，以1毫秒压缩

HTTP请求的执行时间为203毫秒

网络服务器名称Apache / 2.4.16

根据https://gtmetrix.com，我仍然需要gzip我的svg文件。

代码错了吗？我是否必须在每个引用上指定svg的类型（例如image / svg + xml），否则无关紧要？

请告诉我。

svg引用的一个例子是：

使用CSS

<IfModule mod_mime.c>
  AddEncoding gzip svgz
</IfModule>

<IfModule mod_deflate.c>
  # Compress HTML, CSS, JavaScript, Text, XML and fonts
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/javascript
</IfModule>

使用HTML

background-image: url("images/logo.svg");

Answer 1

尝试添加（AddEncoding之前）：

AddType image/svg+xml svg svgz

Answer 2

如果AddType不起作用，请尝试.htaccess文件： -

<ifModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file .(html?|txt|css|js|php|pl|svg)$
...
</ifModule>

如果失败，请检查浏览器的请求标头。浏览器需要告诉服务器它接受gzip。 gzip库是否已安装在服务器上？

无法使用GZip压缩SVG

2 个答案: