是否有jQuery替代方案来构建更快的网站

时间:2010-09-29 16:04:23

标签: javascript jquery performance yui3

我们即将开始重新设计我们的网站,并正在探索提高性能的所有选择。该网站在加载javascript的广告中相当繁重,因此我们需要非常依赖我们使用的javascript。

您是否有任何我可以探索的更轻的框架或更高效的框架的经验?或者你可以指向我的任何资源? YUI看起来像一个有趣的概念......装载机是否在愤怒中进行测试?不好吗?

任何想法都将不胜感激。

干杯。

编辑抱歉,我不清楚。网站的性能目前相当不错,我们不会因性能问题而重新设计,这是由于品牌重塑。我们只是想借此机会审查最佳做法。

8 个答案:

答案 0 :(得分:11)

jQuery 1.4.2 精简意味着。你会很难找到更快或更轻的东西。

例如,这是一个来自mootools的名为slickspeed的框架测试。它测试框架在DOM中查找元素的能力。正在测试的jQuery版本是1.2.6。根据您的浏览器,jQuery表现非常出色。在我的Chrome浏览器中,jQuery以20毫秒的总时间击败所有其他浏览器。

从版本1.2开始,jQuery在优化和速度方面取得了惊人的进步,尤其是1.4。

那就是说,框架不会让你的代码变得更好。你可以使用任何框架编写一些非常慢的脚本,包括jQuery。

但是,如果您编写优化代码,jQuery可能会如此之快,您甚至都不会注意到。

Pointy上面的评论是现货。所有这些人整日都在担心如何表现更好。所以它非常优化。

<强>附录

这是来自jQuery的博客:

  

虽然像Taskspeed这样的全面基准测试如果被解构为单独的子测试以供进一步研究,可能会很有趣,但作为一个项目,我们倾向于远离使用它们作为真实,整体,库性能的准确度量。考虑到构成库的方面有多少,更不用说它们提供的不同技术,累积结果很少反映实际用户如何使用库。

所以请按照你的意愿行事。

答案 1 :(得分:7)

我更喜欢YUI3用于更大的应用程序,而且几乎任何“按需加载”都可以带来好处:)

我同意减速主要源于你如何实现你的应用程序,这是YUI的好处之一,它可以自然地用于更模块化的实现。

使用yui加载器引入页面元素窗口小部件样式允许良好的代码重用(和缓存),以及让用户更快地看到“某事”。

但它并不能真正解决您的JS广告问题,因为,您可以做的最好的事情就是尽可能将其加载到页面底部附近,或者查看广告服务器的加载选项。

回复:斯蒂芬的评论 嗯,紧密循环的原始速度有时是有意义的,有时不是。还有用于比较的实现的问题,与jQuery代码相比,在Ejohns版本中发布的YUI3代码看起来是正面的,在第一个看起来是fx。相对而言,jQuery在字符串中添加了几乎完整的DOM元素,而YUI3正在通过各种环节。

对于由知道YUI3的人编写的版本查看http://yuilibrary.com/~msweeney/yui-tests/taskspeed/,未表示最新的jquery,但它的整体速度比我的Chrome中的jquery 1.3.2快〜4倍。

更新

http://www.yuiblog.com/blog/2010/10/27/jquery-and-yui-3-a-tale-of-two-javascript-libraries/ jquery用户体验yui3。

答案 2 :(得分:1)

可能最好的起点不是要问哪些框架可以提供帮助,而是为什么您当前的网站性能不佳。我会从雅虎的YSlow和Dynatrace ajax版本开始。 Dynatrace很不错,因为它会指出使你的页面变慢的javascript / dom操作内容。你会想要使用两种以上的性能工具,因为它们几乎都有自己的想法,因为它使页面变得快速。一旦你有了这个,那么我会进入一个论坛并说明你的X存在性能问题,我该怎么做才能解决。

答案 3 :(得分:1)

vapor.js是世界上最小,最快的JavaScript库

http://vaporjs.com/

答案 4 :(得分:1)

我想你应该看看zepto.js

http://zeptojs.com/

本文为您提供了移植jquery代码的一些建议

http://blog.pamelafox.org/2012/03/porting-jquery-plugins-to-zepto-tips.html

答案 5 :(得分:0)

如果编码正确,jQuery很轻量级。这听起来像你使用的框架不是问题,但要么a)为什么你的写作缓慢执行的javascript,或b)为什么你开始使用这么多缓慢加载的广告。

但是如果你真的想看看其他框架,这里有一个方便的比较图表:Comparison of JavaScript Frameworks

答案 6 :(得分:0)

我刚刚使用jquery和jquery UI(http://jqueryui.com/)为我们公司编写了一个内部应用程序,并与c#混合使用。我发现它非常精简和快速 - 没有任何问题。

jquery ui让网站主题变得容易......

并添加其他组件,如blockui,jgrowl等,您应该可以做任何你想做的事情!

答案 7 :(得分:0)

Sprint是一个很小的,快速的选择。 与最新版本的jQuery和Zepto相比,查看了几个函数基准的repo。

相关问题