速度优化应从占用最多时间和带宽的环节开始。先大量修改小图标,可能看不到首屏改善。

测量资源瀑布

区分服务器、主图、脚本与字体,找到关键内容等待的原因。

按影响实施

适配图片尺寸、减少阻塞资源、配置缓存并保留尺寸,非关键功能延后。

复测业务页面

首页、服务页和文章各测试,表单仍可用。记录测试条件,避免不同网络下直接比较。

资源瀑布用来确定改动顺序

先看HTML响应、主要图片与阻塞脚本,区分等待服务器和下载资源的时间。

按瓶颈逐项改动,冷缓存复测;减少体积后还需确认解码、布局和交互没有新的延迟。

例如等待主要发生在数据库查询,压缩图片只能改善部分下载,不会消除服务端瓶颈。

相关阅读:企业网站性能:图片、字体、缓存与访问指标。