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性能?优化方法汇总的详细内容,更多请关注电脑自学网其它相关文章!
推荐阅读
- 打开Word时总提示“向程序发送命令时出现问题”如何解决?
- Word文档中如何输入分数?怎么在Word里打入几分之几?
- Word表格跨页断行如何排版?Word表格换页脱节怎么办?
- 如何在Word中画线?Word画线技巧
- Word如何取消全部超链接?
- 如何设置Word文档首页不显示页眉?Word页眉首页不显示怎么弄
- Word如何美化字体?
- Word打开时提示Word上次启动时失败,以安全模式启动如何解决?
- 5个简单的方法告诉你! 如何做一个好老板
- 教你QQ电话怎么录音 如何用QQ录音