Page 449 - AngularJS权威教程

32.7 页面加载优化技巧 429

32.7.1 压缩 19

压缩代码是优化可感知的页面加载时间最容易的方法。
20
压缩就是从源代码中移除所有不必要的字符，将变量减小到我们可以获取的最小尺寸，撤销
注释和块分割符等操作的一个过程。
21
这就减少了文件进行网络传输所花的时间，因为最终的文件大小减小了。
我们可以压缩HTML、JavaScript、CSS，甚至是图片。压缩并不会牺牲应用程序的功能，反
而用户会得到更好的体验。 22

有许多免费的工具可用于处理压缩。推荐使用uglify，可以通过Grunt使用它。关于Grunt的 23
详细信息，请参考34.3节。

32.7.2 利用$templateCache 24
在生产中部署应用时，我们都希望应用的加载尽可能快，以及尽可能做出响应。使用XHR
25
加载模板可能会导致Web应用缓慢或者有卡顿的感觉。可以通过将模板包装为JavaScript文件，然
后连同应用程序的其他部分一起传输的方式伪造模板缓存加载，而不是通过XHR提取模板。
26
关于如何有效地包装模板的详细信息，请参考$templateCache工具：grunt-angular-
templates。
27

28

29

30

31

32

33

34

35

36