如何优化jQuery性能?优化方法汇总( 二 )


20、标准化你的jQuery代码
经常标准化你的代码,看看哪个查询比较慢,然后替换它 。 你可以用Firebug控制台 。 你也可以使用 jQuery的快捷函数来使测试变得更容易些
五、其他常用jQuery性能优化建议
21、使用最新版本的jQuery
最新的版本往往是最好的 。 更换了版本后,不要忘记测试你的代码 。 有时候也不是完全向后兼容的 。
22、使用HMTL5
新的HTML5标准带来的是更轻巧的DOM结构 。 更轻巧的结构意味着使用jQuery需要更少的遍历,以及更优良的载入性能 。 所以如果可能的话请使用HTML5 。
23、如果给15个以上的元素加样式时,直接给DOM元素添加style标签
要给少数的元素加样式,最好的方法就是使用jQuey的css()函数 。 然而更15个以上的较多的元素添加样式时,直接给DOM添加style 标签更有效些 。 这个方法可以避免在代码中使用硬编码(hard code) 。
24、避免载入多余的代码
将Javascript代码放在不同的文件中是个好的方法,仅在需要的时候载入它们 。 这样你不会载入不必要的代码和选择器 。 也便于管理代码 。
25、压缩成一个主JS文件,将下载次数保持到最少
当你已经确定了哪些文件是应该被载入的,那么将它们打包成一个文件 。 用一些开源的工具可以自动帮你完成,如使用 Minify (和你的后端代码集成)或者使用JSCompressor , YUI Compressor 或 Dean Edwards JS packer 等在线工具可以为你压缩文件 。 我最喜欢的是 JSCompressor 。
26、需要的时候使用原生的Javasript
使用jQuery是个很棒的事情,但是不要忘了它也是Javascript的一个框架 。 所以你可以在jQuery代码有必要的时候也使用原生的Javascript函数,这样能获得更好的性能 。
27、从Google载入jQuery框架
当你的应用正式上线的时候,请从Google CDN载入jQuery,因为用户可以从最近的地方获取代码 。 这样你可以减少服务器请求,而用户如果浏览其他网站,而它也使用Google CDN的jQuery时,浏览器就会立即从缓存中调出jQuery代码 。
28、缓慢载入内容不仅能提高载入速度,也能提高SEO优化,使用Ajax来载入你的网站吧,这样可以节约服务器端载入时间 。 你可以从一个常见的侧边栏widget开始 。
【推荐学习:jQuery视频、web前端开发】
以上就是如何优化jQuery性能?优化方法汇总的详细内容,更多请关注电脑自学网其它相关文章!

推荐阅读