增加几个缓存文件类型
作者:
最后更新于 | 最初发布于 | 分类: 非文本内容优化
之前有介绍过新的图片类型,比如 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天的缓存。
评论