如何有效地使用Jquery?我可以在同一个网页中混合库/插件吗?

时间:2012-01-28 12:15:18

标签: jquery performance plugins

有很多Jquery插件和库。有时我想在同一个网页中使用多个。

在不影响网站速度和性能的情况下使用它们的最佳方法是什么?

  • 最好坚持使用1个库,还是可以混合使用1个以上的库和1个以上的插件?
  • 我应该在1个Jquery文件中收集它们吗?还是让它们分开?
  • 我怎么知道我使用了太多的Jquery?什么时候变得太多了?
  • 是否有一种工具可以衡量它的效率或速度?

例如,我想添加一个图像幻灯片,标签,水平滑块,颜色和位置动画......如何选择其中的每一个?那里有很多神奇的东西!

4 个答案:

答案 0 :(得分:0)

我建议将Google's CDN用于jQuery / jQuery UI - 这些页面被许多页面使用,并且应该由大多数客户端在本地缓存。

有很多工具可以运行/下载.js文件 - 但对我来说,我首选的是firebug

关于多个与单个 - 我将它们分开 - 我更喜欢在每个页面上加载所需的内容 - 每个页面都加载了jQuery核心。

我建议您在页面加载受到影响时知道何时使用过多的jQuery - 所以它实际上取决于每个项目。

^^只是我的想法和意见 - 我相信其他人会有所不同

答案 1 :(得分:0)

就你有效地构建逻辑而言,它需要更少的资源。 至于jQuery,我认为第一步是避免DOM引用,但将它们保存到实际适用于任何javascript框架的变量。

答案 2 :(得分:0)

“我怎么知道我什么时候用得太多了?” - 从用户体验的角度来看,当你关注小玩意而不是页面内容时,你会使用太多。我没有发现页面加载时间成为页面可用性之前的问题,因此我建议将页面的实际可用性作为主要关注点。

为了提高效率,只在页面上加载您需要的页面,除非您在大多数页面上使用特定工具(如核心jquery),在这种情况下,可以为每个页面加载它。然后查看为每个页面加载的这些功能的性能,并查看性能命中是否值得该功能。并遵循所有通常的建议来改善这些建议的性能负荷。

Firebug是我喜欢检查负载性能的方法,让您了解您的额外代码是否开始真正影响时间。

答案 3 :(得分:0)

  

最好是坚持使用1个库,还是可以混合使用1个以上的库   超过1个插件?

可以混合多个库和/或插件。某些库互相称赞,例如jQuery和下划线。尽量不要一起使用jQuery和Dojo以及MooTools。话虽这么说,我为一家公司工作,该公司的团队使用不同的框架(jQuery和Dojo)构建不同的组件,这些组件在同一个网站上汇集在一起​​。这些组件甚至可以协同工作以提供通用的用户体验。我不会自己这样做:))

  

我应该在1个Jquery文件中收集它们吗?还是让他们分开?

在开发过程中,请将它们分开以便于调试。准备好部署时,请确保使用文件的最小化版本。大多数库和插件都提供.min.js文件。如果没有,那里有一些实用工具可以帮到你。作为另一个步骤,您可以使用工具连接最小化的文件以获得最佳性能。

  

我怎么知道我使用了太多的Jquery?什么时候也变成了   多少?

jQuery库虽然不是标准,但却被广泛使用。您提到的插件类型也很常用。只要您选择具有良好声誉的插件,您应该没问题。不要试图找到你需要做的一切插件。 Javascript是一种有趣的语言,自己构建一些东西是很有意义的(标签,幻灯片放映很容易)。

  

是否有一种工具可以衡量它的效率或速度?

您可以使用YSlow等工具。您可以找到许多工具来帮助您。

最后,对AMD和诸如require.js之类的库进行一些研究,作为提高效率的下一步。它并不适用于所有情况,但它很适合您的工具箱。