《高性能网站建设》(11)--精简JavaScript

JavaScript作为一门解释型语言,是构建Web页面的首选。当以快速原型为基准开发用户界面时,解释语言要优于其他语言。

精简

精简是从代码中移除不必要的字符以减小大小,进而改善加载时间的实践。在代码被精简后,所有的注释以及不必要的空白字符(空格,换行和制表符)都将被移除。

对JavaScript而言,这可以改善响应时间效率(要下载的文件大小减小了)。

混淆

混淆是可以应用在源代码上的另一种优化方式(移除注释和空白还有改写代码)。

这样做为了增加对代码进行方向工程的难度,但这对提高性能有帮助(比精简更能减小代码的大小)。

精简是一个安全且简单的过程。混淆更为复杂一些。

混淆JavaScript有以下三个主要缺点:

1.缺陷:混淆复杂容易引入错误。

2.维护:对不能改变的符号标记(避免混淆改变JavaScript符号)。

3.调试:经过混淆的代码难阅读带来调试的问题。

精简和压缩

只需要精简其JavaScript代码就可以避免混淆可能引发的问题

结合使用gzip压缩后,精简和混淆之间的差距将会减小。

精简脚本可以降低响应时间,但不会带来混淆的风险。

精简内敛脚本比精简外部脚本要容易。

gzip压缩产生的影响最大,但精简能够进一步减小文件大小。随着JavaScript的使用量和大小的不断增长,精简JavaScript代码能够得到更多的节省。

精简CSS能够带来的节省通常要小于精简JavaScript,因为通常CSS中的注释和空白比JavaScript少。最大的潜在节省来自于优化CSS(合并同样的类,移除不使用的类等)。最佳的解决方案还是移除注释和空白,并进行一些直观的优化(使用缩写和移除不必要的字符串)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容