为什么我们使用延迟加载,并且有必要在SPA等小型项目中使用它吗?

时间:2019-04-11 08:37:45

标签: javascript

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

3 个答案:

答案 0 :(得分:2)

  

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

~ Google (PDF)

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

通过延迟加载,您可以在页面加载后 加载其他gimicks(图像,一些精美的JS动画脚本),从而大大降低了TTI。

  

是否有必要在SPA等小型项目中使用延迟加载?

加载时间始终是功能,无论页面多大。但是,仅“延迟加载所有内容”根本无法帮助您,因为某些JavaScript对于您的页面的使用是必不可少的(尤其是对于SPA)。

一些资源:

Nick Craver - Optimization considerations

答案 1 :(得分:0)

延迟加载可避免一大包下载整个spa应用程序。而不是将其下载成块。它可以帮助您减少应用程序的启动时间。

我不会说SPA通常是小型项目。它们通常会随着新要求而快速增长。

答案 2 :(得分:0)

例如,LDAP服务器在全球范围内拥有1万亿员工的数据。如果您不使用延迟加载,则将花费大量时间来加载数据。当您只想查看某些信息而不是全部信息时,延迟加载确实很方便。

这只是一个例子。在浏览器上,您将看到5个组织(具有1万亿个数据),当您单击一个组织时,它会延迟加载并显示这些数据的某些分支。当您单击一个特定的分支机构时,您将看到该部门的部门(例如,它类似于公司的美国分支机构,非洲分支机构),等等。因此,延迟加载不仅可以节省时间,而且可以减轻系统上的沉重负担。