提高网页加载速度之精简JS代码

  作者:bea

今天和大家分享一个提高网页加载速度的一个容易被忽视的环节:精简Javascript代码。现在的网站基本上没有哪一个没有应用Javascript的,有的是将JS代码内联,也有的考虑网站易维护就单独放在了外部JS文件中。 精简JS代码来提高网页的加载速度一般网站基本都没有用到。在讲之前先看下Google首页的JS代码图片: 上面是Google首页的部分源代码,我特意截取了一部分JS代码,从图中很难阅读这份代码吧。这是谷歌精简了Javascript代码的情况。 提高网页加

今天和大家分享一个提高网页加载速度的一个容易被忽视的环节:精简Javascript代码。现在的网站基本上没有哪一个没有应用Javascript的,有的是将JS代码内联,也有的考虑网站易维护就单独放在了外部JS文件中。

精简JS代码来提高网页的加载速度一般网站基本都没有用到。在讲之前先看下Google首页的JS代码图片:

上面是Google首页的部分源代码,我特意截取了一部分JS代码,从图中很难阅读这份代码吧。这是谷歌精简了Javascript代码的情况。

提高网页加载速度之精简JS代码就是将Javascript代码里的空格、空白和制表符等移除掉,相信很多朋友在写JS代码的时候为了代码的美观和易读性都喜欢使用制表符来进行代码缩进吧。

精简JS代码的好处就是减小JS文件的大小,加快了文件从服务器传送到客户端,缩短了响应时间,从而加快了网页的加载速度。

精简JS代码当然不会是手工的啦,推荐使用JSmin这个工具来精简你的Javascript代码。

有用  |  无用

猜你喜欢