增加几个缓存文件类型

之前有介绍过新的图片类型,比如 webp, svg等等。
其中 webp 是 Google 发起的新型图片类型,用于网站。是一种高级类型,可以提供有损和无损的压缩方式。使用 WebP, 站长和开发人员,可以创建更小,更加丰富的图片,让网站载入更快。

  • WebP 无损图片,与 PNG 格式相比,文件尺寸小 26%。
  • WebP 有损图片,与 JPEG 格式相比,在同样的质量指标之下,文件大小可以减小 25% 到 34%。

WebP 已经在 Chrome 和 Opera 浏览器中得到原生支持。其它的浏览器上还没有广泛支持,所以使用的时候,需要做好备用图片类型。

SVG 是一种开放标准,由 W3C 制定,以一种基于可扩展标记语言(XML),来描述二维矢量图形的图形格式。目前很多网站的开发者都开始使用 SVG 图形格式来做网站的图标和各种符号,来代替之前用特殊字体,比如 fontawsome 之类来做图标的方式。

而使用这两者之后,需要在服务器配置的地方,加上这两种图片文件类型的缓存设置。

之前,只对传统的 gif,png 等等静态资源做了缓存设置。现在加上这两个后显示如下。

# Static resources
        location ~* \.(?:ico|css|js|gif|jpe?g|png|svg|webp)$ {
            expires 30d;
            add_header Pragma public;
            add_header Cache-Control "public";
        }

都是30天的缓存。


作者: David Yin
原载: SEO 网站优化推广
版权所有。转载时必须以链接形式注明作者和及本声明。