提高网页加载速度之精简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代码。
有用 | 无用猜你喜欢
您可能感兴趣的文章:
- js获取和读取url参数的方法
- jquery表格隔行变色代码推荐
- 网页前端面试题 人人网js面试题
- 网页回到顶部 点击返回网页顶部代码
- jquery ajax json传递数据浅析
- jQuery ajax get post传值传参用法
- Jquery页面跳转:刷新页面,Jquery网页跳转
- js dom操作的一些心得笔记
- js性能优化:减小js体积大小
- 火狐8 firebug firefox8无需安装firebug
- js代码怎么用 什么是js代码
- Jquery实现从一个页面跳转到另一页面
- event.cancelBubble与event.stopPropagation()区别
- event.stopPropagation Jquery阻止事件冒泡
- 网站文字内容不能复制解决办法
- JS修改css样式style浅谈
- 将XML对象转化成字符串Firefox下方法
- Javascript function类型
- web页面优化之动态加载js和文件