延迟加载和$ ocLazyLoad

时间:2016-08-08 20:57:04

标签: javascript angularjs lazy-loading

我最近发现了$ocLazyLoad第三方角度模块,可以延迟加载javascript文件。我对这个概念有点困惑。延迟加载与缓存有何不同,为什么在使用angularjs时你想要延迟加载?

1 个答案:

答案 0 :(得分:2)

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

缓存

缓存文件意味着您不需要再去服务器再抓取它。相反,你从浏览器的缓存中提取它,节省了http请求时间。

你可以通过在html中内联它们来缓存模板,这将保存从另一个文件中加载它们,但是增加这些模板的字节大小的初始加载时间。一般来说,它很好地缓存模板。和脚本以及。

延迟加载

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

你可以延迟加载和缓存文件。使用服务工作者缓存它,或依靠请求标头和浏览器进行缓存。