Angular 2页面大小

Question

我刚开始使用Angular 2.它实际上让我想到了Hello World的页面大小。

请查看实际需要的脚本，它已经是1.75 MB。

在缩小的情况下，它将大约减少30-35％。

然而，对于这个垃圾Hello World类型的应用程序，它仍然会超过1 MB。在最小的位置添加bootstrap CSS / Jquery / Jquery UI会更进一步，并根据Web应用程序类型添加图像。

问题是1.75 MB的脚本，而没有编写与应用程序相关的单行代码。

这是新的网络标准，使页面大小平均超过4-5 MB吗？

Answer 1

有几种策略可以减少您网站的总体规模。

1. 为您的资源启用gzip压缩。大多数文本文件（如JS文件）因很多重复的字符串而压缩得很好。
2. 使用已识别的库的最小化版本。
3. 尽可能使用CDN对第三方库的引用。这样，用户可能已经将文件放在其缓存中，而不需要重新获取它。一些CDN还支持HTTP / 2，这意味着可以并行请求更多文件。
4. 利用Angular 2 RC 5中的Ahead-Of-Time编译（AOT，a.k.a。离线编译），并在没有编译器的情况下交换使用Angular 2的版本。这节省了Angular 2库文件大小的一半。
5. 自己使用HTTP / 2作为资产，并单独引用每个JS文件，而不是捆绑它。这样，如果他们没有改变，用户在重新加载时将不需要再次下载它们。第一次，所有文件都可以并行获取。
6. 使用条件注释或服务器端处理来删除仅与某些浏览器（如IE）相关的填充程序和其他JS文件。这样，其他浏览器就不会下载那些无用的脚本。
7. 使用Rollup或其他可以“树摇动”的工具删除未使用的代码。

可能还有其他方法可以节省更多，但这是一个很好的起点。

Answer 2

Angular2现在变小了。见ngconf about this。它主要是树木抖动缩小的结果（仅加载代码，真正使用的代码）。

Angular 2 seed project，已经可以使用~300kb的prod构建负载。