JavaScript第五章:性能考虑

1.尽量少访问DOM和尽量减少标记

     正如我们所知,只要查询DOM中的某些元素,浏览器就会搜索整个DOM元素,从中查找可能的元素。

    ①在多个函数都会取得类似的一组元素时,可以考虑重构函数,把搜索结果保存在一个全局变量里,或者把一组元素直接以参数形式传递给参数。

    ②尽量减少文档里的标记数量。过多不必要的元素只会增加DOM树的规模,进而增加遍历DOM树以查找元素的时间

   if(document.getElementsByTagName("a").length>0){
       var links=document.getElementsByTagName("a");
       for(var i=0;i<links.length;i++){
              //对每个链接做点处理
         }
   }
  var links=document.getElementsByTagName("a"); 
  if(links.length>0){
       for(var i=0;i<links.length;i++){
              //对每个链接做点处理
         }
     }

   

2.合并和放置脚本

     ①包含脚本的最好方法是使用外部文件。如果一段代码里要使用多个脚本,最好将这些脚本合并到一个脚本文件中。这样做可以减少加载页面时发送的请求数量。

     ②脚本在标记中的位置对页面加载时间也有影响。位于<head>块中的脚本会导致浏览器无法并行加载其他文件。因此,把<script>标签放于文档末尾,</body>之前可以让页面变得更快。

3.压缩脚本

     压缩脚本:就是把脚本文件中不必要的字节通通删除,达到“压缩”文件的目的。

    多数情况下,你应该有两个版本:一个为工作副本可以修改代码并添加注释,另一个为精简副本,用于放在站台上。通常为了与非精简版本区分开,最好在精简副本对的文件中机上min字样。

  <script src="scripts/scriptName.min.js"></script>

猜你喜欢

转载自blog.csdn.net/rachel9798/article/details/82812928