javascript - 使用lazyload的优势？

Question

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

它有什么作用以及使用它的优缺点？？

只是对此感到好奇，因为我看了一些 john papa 的视频，他一直提到它。

Answer 1

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

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

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

加号:

• 减少启动/加载时间和大小。
• 不会加载当前用户未使用的包/数据。

减去:

• 您必须有更多单独的包，您无法将它们压缩并捆绑在一起。
• 向服务器发送更多请求(因为您无法将它们捆绑在一起)。
• 可能会对首次使用体验产生负担，用户第一次执行某些操作时，应用程序需要加载一些额外的东西。

结论与建议

因此请考虑应用程序的大小和生命周期。如果应用程序很小并且您将所有内容打包在一起。可能最简单的方法是将所有内容打包成一个。加载时间有点长，但之后 javascript 无论如何都会缓存在浏览器中，所以在第一次加载后就没有关系了。

您想延迟加载的原因:

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