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

性能测试前端调优

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

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

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

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

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