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

  • 相关阅读:
    kotlin中值范围
    kotlin中集合
    kotlin数据解构
    Java 8 Lambda 表达式
    kotlin 之内联函数
    kotlin之函数的范围和泛型函数
    kotlin函数的参数和返回值
    kotlin 之单表达式函数
    kotlin使用中辍标记法调用函数
    kotlin之函数的基本用法
  • 原文地址:https://www.cnblogs.com/positive/p/3661367.html
Copyright © 2011-2022 走看看