页面变慢,时间可能花在等待文档、下载资源或执行浏览器代码上。先找出最大的延迟,再决定是否增加服务器资源;扩容和修正图片解决的是不同瓶颈。
保存能对照的基线
固定页面、设备条件与网络条件,记录版本以及是否使用全新缓存。查看网络瀑布图,确认文档与主要资源分别何时完成。重复观察,避免用一次异常请求判断整体表现。
把公开页面和登录后或个性化操作分开。后者可能涉及数据库与应用处理,静态首页测试不一定覆盖。
检查占用最多的部分
对于图片,比较下载体积、实际显示尺寸和视觉需要。准备适合屏幕的尺寸,并检查最终清晰度。首屏关键内容应及时可见,不能把所有图片都统一延迟加载。
- 文档响应慢:检查应用、数据库和上游耗时。
- 图片下载大:检查尺寸、编码与响应式资源。
- 重复访问仍慢:检查缓存和资源版本。
- 网络快但操作卡:检查浏览器执行与第三方脚本。
- 只有一个路由慢:先查该路由执行的工作。
一次修正一个原因
修改后保持相同测试条件,确认预期请求或耗时发生变化,同时验证功能。设置较长缓存时,要有更新资源版本的方式,避免发布后访客继续使用旧文件。
如果证据指向服务器容量,带上问题路由、实际占用与请求耗时讨论托管方案,再决定 VPS 资源。这样比根据页面外观直接购买配置更有依据。