使用lazyload的优势?

时间:2017-11-06 07:42:41

标签: javascript angularjs

所以我偶然发现了这个名为lazyload的组件。

它做什么,使用它的优点和缺点?

对此感到好奇,因为我看了一些约翰爸爸的视频,并不断提及它。

1 个答案:

答案 0 :(得分:3)

他们关于延迟加载的想法是你只在需要时加载一些东西。

例如:在启动应用程序时,您可能不需要库来验证表单字段。 (当有人填写表格并提交表格时,你只需要它。)

延迟加载确保仅在需要时加载它。

The Plus:

  • 缩短启动/加载时间&大小
  • 不会加载当前用户未使用的包/数据。

减:

  • 你必须有更多单独的包,你不能缩小并将它们捆绑在一起。
  • 向服务器发出更多请求(因为您无法捆绑它们)。
  • 可能会对首次使用体验产生负担,这是用户第一次做某事,应用程序需要加载一些额外的东西。

结论&建议

请考虑应用程序的大小和生命周期。如果应用程序很小并且您将所有内容打包在一起。可能最简单的方法是将所有内容打包在一起。这是一个更长的加载时间,但在此之后,javascript被缓存在浏览器中,所以它在首次加载后无关紧要。

您想要延迟加载的原因:

  • 您希望能够更新应用程序的单独部分(因此不能捆绑它)
  • 应用程序变得有问题。你想把它切成小部分。
  • 你没有捆绑你的javascript文件(这是一个很好的例子,在angular is requirejs之前)。
  • 您有很多不同类型的用户使用系统,每个用户都有完全不同的脚本集。
  • 每个页面使用完全不同的javascript集。 (不太可能在使用角度时)