September 8, 2014

Optimizing For Bandwidth

PageSpeed Module 分析和优化你的网站,实现 Web 性能最佳的工具。

每个人都希望用更少的数据用量:主机供应商可以减低网络费用,手机用户不想超过流量,没人想等待不必要的字节。Web 都充满了省掉多余流量的机会:网页没 gzip 压缩、stylesheet 和 javascript 没去掉多余的空格和注解、图片没优化、等等。
为什么网页都没对宽带优化?这样的好处,为什么没有被修正?主要是太麻烦。

一个简单的解决方案

Chrome Mobile 可以选择加入 Data Compression Proxy,通过 Google 的代理来优化 Web 页面加载,但是不能优化 HTTPS 流量的。

使用Pagespeed 优化带宽,无论你的网站是否使用 HTTPS,你的网站也可以享受 Chrome Mobile 上的节省数据流量。

只要选了优化带宽,服务器会自动优化你的网页,跟 Chrome Mobile 一样,用户是感觉不到任何改变。开发者不用再上传图片前先优化,或先压缩 CSS 和 JS 文件。

优化带宽不是一个很屌的东西,只是默认帮你开了几个减少宽带的 Pagespeed 过滤器。它们主要是:

  • 去掉 CSS、JS 文件的空格和注解
  • 优化图片
  • 保留文件名(IPRO)

详细过滤器请看 config_filters

最重要的是优化带宽选择的过滤器不会改变任何 URL。如果图片是 logo.png,优化后还是 logo.png

扩展阅读:

  1. 如何安装 Pagespeed:Build from source
  2. 如何启用优化带宽:Optimizing For Bandwidth