首页 > 解决方案 > 为什么我们使用延迟加载,是否有必要在像SPA这样的小项目中使用它?

问题描述

我想知道为什么我们使用延迟加载,在SPA这样的小项目中是否有必要使用延迟加载?

标签: javascript

解决方案


完全加载平均移动目标网页所需的平均时间为 22 秒。然而,研究还表明,如果加载时间超过 3 秒,53% 的人会离开移动页面。

〜谷歌(PDF)

如今,Web 开发中真正重要的是 TTI(交互时间),因此基本上用户可以与 UI 交互需要多长时间。

通过延迟加载,可以在页面加载完成后加载额外的噱头(图片、一些花哨的动画JS脚本) ,从而大大降低TTI。

SPA之类的小项目有必要使用延迟加载吗?

无论页面有多大,加载时间始终是一项功能。但是,只是“延迟加载所有内容”对您毫无帮助,因为某些 JavaScript 是您的页面可用所必需的(尤其是对于 SPA)。

一些资源:

Nick Craver - 优化注意事项


推荐阅读