
网站打开慢,用户等不及就跑。Google把网站性能纳入排名因素,百度也强调打开速度。性能优化是网站建设必须做的事,不是可选项。
核心性能指标(Core Web Vitals)
LCP(最大内容绘制):页面主要内容加载完成的时间,目标是2.5秒以内。用户看到主要内容越快,感知越好。
FID(首次输入延迟):用户第一次点击到页面响应的延迟,目标是100毫秒以内。这个指标反映页面可交互的及时性。
CLS(累积布局偏移):页面加载时元素位置跳动的程度,目标是0.1以内。图片不设尺寸、文字不跳版,CLS才能控住。
这三个指标构成了Google的页面体验评分,直接影响搜索排名。
图片优化是重头戏
图片通常占页面重量的60%以上,是优化的第一优先。实操手段包括:用 WebP 格式替代 JPG/PNG,体积再砍30%以上;按设备分辨率提供不同尺寸,不要手机端加载2000px大图;给图片设宽高属性,防止页面跳版;懒加载非首屏图片。
代码和资源优化
CSS/JS 精简:构建时去掉注释和空行,用工具压缩(Webpack/Vite 自带)。
关键CSS内联:首屏渲染需要的CSS直接写在HTML里,不等外部文件加载。
JS异步加载:非关键JS加 defer 或 async 属性,不阻塞首屏渲染。
服务器和网络优化
启用Gzip或Brotli压缩,传输体积再砍一截。
开启HTTP/2,同一连接并行请求,速度更快。
就近节点:国内业务用国内CDN,海外业务用海外CDN,物理距离决定延迟。
浏览器缓存:静态资源设长Cache-Control,用户下次访问直接用本地缓存。
廷云信息交付网站前会跑 Lighthouse 和 WebPageTest,出具性能报告并逐项优化,确保各项指标达标。