YSLOW性能测试前端调优23大规则(12)删除重复脚本

性能测试前端调优
如果一个页面中有两次使用到同一个JavaScript文件,那这将对页面性能产生很大的影响。导致一个脚本的重复又两个主要因素:团队大小和脚本数量。开发一个网站需要极大数量的资源,不同的团队需要构建一个大型web的不同部分,当团队整合和沟通工作没有做足,则容易出现重复脚本的情况。当然脚本数量也是重要的一环,脚本数量越多越容易出现重复脚本的情况。

重复的脚本通常有两个方面影响页面性能:一是增加了不必要的HTTP请求;二是JavaScript执行所花费的时间。

如果在执行JavaScript时没有缓存,那么执行的时候会产生两个HTTP请求,也即浪费了一次HTTP请求,例如Internet Explorer浏览器,加载JavaScript脚本后并不会保存在缓存中,这样重复加载时,就会产生一个新的HTTP请求。

即使第一次加载后保证在缓存中,那也只是不会创建新的HTTP而已,但JavaScript本身执行是需要花费时间的,这个时间是无法节省的。还有一个问题就是即使加载时只有一个HTTP请求,但是如果进行刷新还是会产生两个HTTP请求。

避免意外包含同一脚本两次的一种方法是在模板系统中实现脚本管理模块。包含脚本的典型方法是在HTML页面中使用SCRIPT标签。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值