网站速度是最容易被忽视、却影响最直接的性能指标。用户等不了,搜索引擎也同样在意响应速度。
先搞清楚慢在哪里
打开浏览器的开发者工具,看网络面板,重点看三件事:总加载时间、最大的几个文件、请求总数。多数网站慢,原因无非是图片太大、请求太多、服务器响应太慢这三类。
按性价比排序的 8 个动作
1. 压缩图片(收益最大)
图片往往是页面上体积最大的资源。压缩、改用现代图片格式、按实际显示尺寸裁剪,通常能让页面体积减少一半以上。
2. 开启浏览器缓存
让重复访问的用户直接使用本地缓存,不必每次重新下载样式、脚本和图片。
3. 启用内容分发网络
把静态资源分发到离用户更近的节点,尤其对跨地域访问的站点,效果立竿见影。
4. 合并与压缩代码
把多个样式和脚本文件合并,去掉空格和注释,减少请求数、缩小体积。
5. 延迟加载非首屏内容
首屏之外的大图和视频先不加载,等用户滚动到附近再加载。
6. 精简第三方脚本
统计、客服、地图、广告等第三方组件常常是拖慢速度的元凶。只保留必要的,其余改为延迟加载。
7. 优化服务器响应
检查数据库查询、页面生成方式。服务端响应慢,前面的优化都会被抵消。
8. 减少重定向
每一次跳转都会多一个来回。清理不必要的中间跳转,尤其是从首页开始的链路。
优化完怎么验证
- 对比优化前后的总加载时间和首屏时间;
- 分别在桌面和移动网络条件下测试;
- 观察真实用户数据中的加载指标是否同步改善。
速度优化有一个特点:投入小、见效快、无副作用。它不会改变内容,但会让同样的内容被更多人看到、更少人离开。
