我刚刚开始使用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？
解决方法:
有几种策略可以减少您网站的总体规模.
>为您的资产启用gzip压缩.大多数文本文件(如JS文件)由于大量重复的字符串而压缩得非常好.
>如您所述,使用库的最小化版本.
>如果可能,请使用CDN对第三方库的引用.这样,用户可能已经将文件放在其缓存中,而不需要重新获取它.一些CDN还支持HTTP / 2,这意味着可以并行请求更多文件.
>利用Angular 2 RC 5中的Ahead-Of-Time编译(AOT,a.k.a.离线编译),并在没有编译器的情况下交换使用Angular 2的版本.这节省了Angular 2库文件大小的一半.
>自己使用HTTP / 2作为资产,并单独引用每个JS文件,而不是捆绑它.这样,如果他们没有改变,用户在重新加载时将不需要再次下载它们.第一次,所有文件都可以并行获取.
>使用条件注释或服务器端处理来删除仅与IE等特定浏览器相关的填充程序和其他JS文件.这样,其他浏览器不会下载那些无用的脚本.
>使用像Rollup或其他可以“树摇动”的工具来删除未使用的代码.
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
