首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

js性能有关问题

2012-08-25 
js性能问题随着web应用的复杂度日渐提高,JavaScript代码量也变得越来越多,所以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代码并注入到页面中。

热点排行