zoukankan      html  css  js  c++  java
  • 【DOM编程艺术】性能考虑

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

    <script type="text/javascript">
    if(document.getElementsByTagName('a').length>0){
         var links=document.getElementsByTagName('a');
    	 for(var i=0;i<links.length;i++){
    	    
    	 }
    }
    </script>
    

      解决办法:将document.getElementsByTagName('a')存入一个变量  

    2.合并和放置脚本

    <script type="text/javascript" src="script/functionA.js"></script>
    <script type="text/javascript" src="script/functionB.js"></script>
    <script type="text/javascript" src="script/functionC.js"></script>
    <script type="text/javascript" src="script/functionD.js"></script>

    推荐的做法是把functionA.js、functionB.js、functionC.js和functionD.js合并到一个脚本文件中。这样,可以减少加载页面时发送的请求数量。

    位于<head>块中的脚本会导致浏览器无法并行加载其他文件(如图像和其他脚本)一般来说,根据HTTP规范,浏览器每次从同一个域名中最多只能同时下载两个文件。而在下载脚本期间,浏览器不会下载其他任何文件,即使是来自不同域名的文件也不会下载,所有其他资源都要等脚本加载完毕后才能下载。

     3.压缩文本

    所谓压缩脚本,指的是把脚本文件中不必要的字节,如空格和注释,统统删除,从而达到压缩文本的目的。

    有的精简程序甚至会重写你的部分代码,使用更短的变量名(如a、b),从而减少整体文件大小。

    推荐几个代表性的代码压缩工具:雅虎的YUI Compressor、谷歌的Closure Compiler

  • 相关阅读:
    Minimum configuration for openldap to proxy multiple AD into a single search base
    排列组合算法(PHP)
    Make Notepad++ auto close HTML/XML tags after the slash(the Dreamweaver way)
    PHP, LDAPS and Apache
    【day1】tensorflow版本问题及初步使用
    tflearn save模型异常
    布隆过滤器(Bloom Filter)
    初识Spark(Spark系列)
    Hadoop实践
    install postgis(2.0) on ubuntu(12.04)
  • 原文地址:https://www.cnblogs.com/positive/p/3661367.html
Copyright © 2011-2022 走看看