分析工具:

  1. Google 的网站速度分析工具:PageSpeed Insights(需代理访问)
  2. 多节点的网站测速:Chinaz17ce
  3. Firefox 浏览器的 f12 调试工具,可显示各种请求的对应耗时

82054d13gy1fsq1i4hyl6j20zl0apt9e.jpg

以下罗列一些优化点:

  1. 缩短服务器响应时间

    简单说就是服务器要离用户近。比如 allsaints.com 这个英国网站,用 ping 来测试 RTT (往返时间)250ms 左右。tcp + tls 握手就需要3个RTT也就是 750ms ,还不算 dns 请求时间、证书验证、服务器客户端处理数据时间。这种物理距离产生的耗时,再怎么优化,也不可能把响应时间降低到 750ms 之内。

    办法也是有的,上 CDN 嘛。

  2. 静态化

    能静态化的资源一律静态化。静态文件响应请求可以再很大程度上减轻服务器负载、提升响应速度。

  3. 合并、缩减资源

    能合并的css、js合并,清理无关的资源文件,减少浏览器请求次数。

  4. 启用 gzip

    gzip 压缩对于文本文件效果明显,可以减少的流量传输,并加快网页的呈现速度。

  5. 启用 http2

    如果开启了 https ,顺便开启 http2 的支持,http2 的多路复用、首部压缩提升响应速度。

  6. 启用浏览器缓存

    利用 Cache-Control 设置缓存标头,使浏览器保存响应资源数据,提升下一次请求相关资源的响应速度。

效果

以上内容除了 3 需要自己优化网站结构之外,其他项都可以将静态资源交给 CDN , 由 CDN 来实现较好的效果。

本站部署了 腾讯云 的 CDN 后的效果,全国各地的响应基本在 200ms 左右。

82054d13gy1fsq1ri1js6j20xb0ekq6h.jpg