“不到一秒”通常被认为是加载的最佳时间,但这意味着什么呢?一秒钟应该被视为指示用户新内容请求已发出并将加载的最大时间限制,例如浏览器显示页面标题以及显示页面的背景颜色。
从请求中检索到的第一个资源通常是 HTML 文档,然后该文档会调用其他资源。如关键渲染路径的描述中所述,浏览器在收到 HTML 后会立即开始处理它,并在接收内容时渲染内容,而不是等待其他资源加载。
是的,加载时间目标为一秒,但这很少有网站能达到。期望值不同。“Hello World”在公司网络上预计会在几毫秒内加载,但用户在西伯利亚北部使用五年前的设备通过边缘网络下载猫视频,可能会发现 20 秒的下载速度很快。如果您等待三到四秒钟而不向用户传达加载正在进行并显示一些进度,那么典型的网站将会失去潜在的访问者,而这些访问者如果回来的话,也会需要很长时间。
在优化性能时,请设置一个雄心勃勃的首加载目标,例如在移动 3G 网络上为 5 秒,在办公室 T1 线路上为 1.5 秒,对于后续页面加载设置更雄心勃勃的页面加载目标,利用 Service Workers 和缓存。对于初始加载页面与加载其他资源、响应用户交互以及确保动画流畅,有不同的建议时间。