js性能问题_JAVA_编程开发_程序员俱乐部

中国优秀的程序员网站程序员频道CXYCLUB技术地图
热搜:
更多>>
 
您所在的位置: 程序员俱乐部 > 编程开发 > JAVA > js性能问题

js性能问题

 2012/2/15 9:09:25  itjavagoodqq  程序员俱乐部  我要评论(0)
  • 摘要:随着web应用的复杂度日渐提高,JavaScript代码量也变得越来越多,所以JavaScript在浏览器中性能应得到更多的关注。这事又因为JavaScript的阻塞特性而变得复杂。要提高JavaScript的性能一方面需要浏览器方面提升优化自身的JS引擎,另一方面作为JS程序开发员应该编写高效的JS代码来提高web程序的性能。本文立足于后一种情况。这将是一系列的文章,有关优化你JS代码的一些建议,本系列文章的观点大都提取自《高性能JavaScript》一书
  • 标签:问题 JS

    随着web应用的复杂度日渐提高,JavaScript代码量也变得越来越多,所以JavaScript在浏览器中性能应得到更多的关注。这事又因为JavaScript的阻塞特性而变得复杂。要提高JavaScript的性能一方面需要浏览器方面提升优化自身的JS引擎,另一方面作为JS程序开发员应该编写高效的JS代码来提高web程序的性能。本文立足于后一种情况。这将是一系列的文章,有关优化你JS代码的一些建议,本系列文章的观点大都提取自《高性能JavaScript》一书。首先从JS代码的加载和执行开始



脚本加载和执行会阻塞其它资源的下载,应该尽量将<script>标签放到<body>标签底部。确保在脚步执行前页面已经完成渲染。
合并脚本,减少<script>标签的数量,以减少http请求的次数。
无阻塞的下载脚本(页面加载完成之后才去加载执行JS代码):
              方法: 1.为<script>标签添加defer属性,表明不涉及修改dom操作,可以延时载。
                              如:<script type=”text/javascript” src=”file.js” defer></script>
                         2.动态脚步元素。利用DOM动态创建script标签,到指定位置。
                         3.XMLHttpRequest脚本注入。利用ajax下载JavaScript代码并注入到页面中。

 
发表评论
用户名: 匿名