【DOM编程艺术】性能考虑
2014-04-12 21:24
381 查看
1.尽量少访问DOM和尽量减少标记
解决办法:将document.getElementsByTagName('a')存入一个变量
2.合并和放置脚本
推荐的做法是把functionA.js、functionB.js、functionC.js和functionD.js合并到一个脚本文件中。这样,可以减少加载页面时发送的请求数量。
位于<head>块中的脚本会导致浏览器无法并行加载其他文件(如图像和其他脚本)。一般来说,根据HTTP规范,浏览器每次从同一个域名中最多只能同时下载两个文件。而在下载脚本期间,浏览器不会下载其他任何文件,即使是来自不同域名的文件也不会下载,所有其他资源都要等脚本加载完毕后才能下载。
3.压缩文本
所谓压缩脚本,指的是把脚本文件中不必要的字节,如空格和注释,统统删除,从而达到压缩文本的目的。
有的精简程序甚至会重写你的部分代码,使用更短的变量名(如a、b),从而减少整体文件大小。
推荐几个代表性的代码压缩工具:雅虎的YUI Compressor、谷歌的Closure Compiler
<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
相关文章推荐
- js平稳退化,性能考虑(javascript DOM 编程艺术)
- JSDOM编程艺术-ch5-向后兼容&性能考虑
- JavaScript DOM编程中关于性能的考虑
- javascript_DOM 编程艺术学习笔记(四)
- 【DOM编程艺术】Canvas显示和操作位图图像
- javascript_DOM 编程艺术学习笔记(八)
- JavaScript DOM编程基本原则和习惯总结(JavaScript+DOM编程艺术)
- 【DOM编程艺术】综合示例
- 转行前端自我学习养成记之js学习记录篇——<DOM编程艺术>学习记录(二)
- 【javascript之Dom编程艺术】二
- css-dom(js dom编程艺术第九章笔记)
- JS DOM编程艺术的学习—— JS学习笔记2015-7-5(第76天)
- JS DOM编程艺术——DOM获取元素—— JS学习笔记2015-7-6(第77天)
- Intel系统编程指南第八章——8.9 对硬件多线程性能处理器的编程考虑
- JavaScript_DOM编程艺术第二版学习笔记-第7章
- JS DOM 编程艺术(第2版)读书笔记 第12章 综合示例
- DOM编程艺术(BOM)
- JavaScript+DOM编程艺术(清晰中文版)笔记1
- 好书推荐:JavaScript DOM 编程艺术英文原版PDF下载
- JavaScript Dom 编程艺术 笔记