这篇文章用于帮助你自己判断问题和整理需求。不同服务器、代码框架和第三方平台配置可能不同,生产环境修改前应先备份并验证。
先测首屏,而不是只看总分
- 用户最先感受到的是主标题、主要图片和 CTA 何时出现。
- Lighthouse 分数有参考价值,但要同时看真实设备和网络下的加载过程。
图片通常是最大体积来源
- 为展示尺寸准备合适分辨率,不要 400px 容器加载 4000px 图片。
- 优先使用 WebP/AVIF,非首屏图片可以 lazy-load。
减少阻塞资源
- 关键 CSS 尽量精简,JS 使用 defer/模块化加载。
- 第三方统计、客服和广告脚本应评估必要性,避免首屏一次加载太多。
服务器和缓存
- 启用合理 Cache-Control、压缩和 HTTP/2/3。
- 动态站还要检查数据库、PHP/Node/Python 响应和反向代理。
常见问题
CDN 一定能让网站变快吗?
静态资源跨地区分发通常有帮助,但源站响应慢、页面 JS 太重时仅加 CDN 不会解决全部问题。
图片全部压得很糊值得吗?
不值得。目标是合适尺寸和编码,而不是牺牲清晰度。
