延迟加载和$ocLazyLoad

Question

我最近发现了$ocLazyLoad第三方angular模块，它支持延迟加载javascript文件。我对这个概念有点困惑。延迟加载与缓存有什么不同，为什么在使用angularjs时要延迟加载？

Answer 1

缓存和延迟加载是两个不同的概念。

缓存

缓存文件意味着您将不需要再次到服务器获取该文件。相反，您可以从浏览器的缓存中提取它，从而节省http请求时间。

您可以通过在html中内联模板来缓存它们，这将节省从另一个文件加载它们，但会增加这些模板的字节大小的初始加载时间。一般来说，缓存模板是有好处的。脚本也是如此。

延迟加载

延迟加载意味着只有在需要模块之后才会加载文件(不会发出http请求)，然后加载它，评估并执行它的脚本。

当然，您可以延迟加载和缓存该文件。使用服务工作者对其进行缓存，或者依靠请求头和浏览器进行缓存。