在高流量网站中使用JQuery UI主题是否合适?

时间:2010-06-15 10:11:44

标签: javascript jquery css jquery-ui

在实施高流量网站时,这是一种使用JQuery UI主题的好方法吗?是否可以根据我的网站需求轻松编辑和自定义?它有任何着名的问题吗?我想听听你对它的看法,使用它是否安全,或者更好地从头开始编写我的CSS。

请注意,我检查了那里的主题并发现它们很好,其中一些经过一些编辑后适合我们的设计。

7 个答案:

答案 0 :(得分:9)

我不完全确定你所担心的是什么,但我认为这将澄清JQuery UI的功能和不做的事情。

“准备黄金时段?”

是。 JQuery UI主题已经存在了很长时间,并且没有尖叫到表面到破坏项目的问题。有一些已知问题,主要是高级CSS3问题。例如:除了IE6之外的所有浏览器都有来自CSS3的圆角支持。 JQuery UI主题使用此功能。如果你想在IE中使用圆角,你必须得到一个额外的插件,它适用于IE,特别是。这很容易。

JQuery主题的非突兀性很容易确保,因为主题与大多数特定于网站的设计问题分开。 UI主题实现的类意味着“这就是活动事物的样子。”你对这些一般概念做出的调整往往很小(“粉色比以前浅3色”)并且通常不会非常改变尺寸(“为活动事物添加一些额外的填充”) 。另外,要做到这一切,您可以使用Themeroller

使用JQuery主题

Filament Group的好朋友们a nice write-up介绍了如何使用JQuery UI主题设计样式。我不认为我可以添加很多内容,除非要指出他们正在使用两个花园式JQuery主题他们自己的布局CSS。这就是主题与布局的分离。

主题与网站设计

要记住主题不是布局非常重要。它们之间存在巨大差异。 JQuery主题可以很好地保持在这个范围的一边,并且这种优点是对网站的无毒,易于替换的补充。考虑:

布局非常难,并且包含非常重要且特定于网站的风格决策。设计问题的例子包括:

  • 那个按钮在哪里?
  • 菜单按钮应该有多大?
  • 这张桌子应该居中吗?
  • 菜单按钮中我想要什么字体?

基本上,您总是编写自己的设计。如果您已经购买了一个现成的产品,那么您要么计划大量修改它,要么就是要建立一个非常棒的网站。

主题,例如JQuery主题,为您的布局提供整体外观。它们可以独立换出,稍后添加,或者其他任何东西。在某种程度上,主题是1)良好的界面或2)良好的界面之间的差异,这也是有吸引力和一致的。主题问题包括:

  • 通常情况下,可点击的按钮是如何看的? 已禁用按钮怎么样?
  • 一般来说,一切都是什么颜色?
  • 一般情况下,盒角应该有多圆?
  • 一般字体大小和颜色是什么?

因此,一旦您在一个网站上查看主题,您可以采用相同的主题并将其应用于您自己非常独特的网站设计,只有很小的差异。他们应该是完全良性的。

答案 1 :(得分:7)

您了解Googles CDN(内容投放网络)吗?

请参阅此post,了解使用Google为您托管jQuery的好主意。基本上你会减少延迟,增加并行性和更好的缓存

请参阅此post以了解如何使用CDN链接到jquery ui主题

我使用过这种技术并没有发现任何问题。至于我从未遇到过的问题。如果有任何infamous问题,我想知道自己。

修改 如果问题是“编辑CSS有多容易”,那么答案就会更复杂,UI主题非常全面,就像马克已经说过,如果你只想要一些,那么推出自己的,如果你喜欢您所看到的然后通过CDN使用所有这些,但是您已暗示您想稍微调整一下......

真正的答案不仅在于你想要什么样的主题,还有你对CSS有多好?我的设计团队对UI主题css没有任何问题。

答案 2 :(得分:6)

jQuery UI肯定比jQuery核心重,主题重吗?真的没有比任何其他CSS更多。是的,您可以自定义它们,use the ThemeRoller tool for this

如果您要使用大多数样式或jQuery UI library,那么您最好使用他们的CSS,如果您打算使用它的一小部分,请自行滚动,其余的只是浪费在每个访客身上的有效载荷。

作为旁注:如果您对其中一个默认主题感到满意,they're available on the Google CDN,但听起来您想调整一下,所以不确定它是否适用于此...如果流量是一个考虑因素虽然,有一个选择。

答案 3 :(得分:4)

我要站出来说:不。不要使用它。

首先,它有点胖。因此,如果您不需要jQuery UI提供的所有功能,那么最好使用较小的库,例如jQuery Tools。甚至John Resig(或者Resig看起来都像)在this post中表明了这一点。他的评论:

  

仅限于提到的一点   上面和网站上:“   [jQuery Tools]文件时只有2.5 Kb   精缩。将此与jQuery进行比较   您必须拥有的UI库   130 Kb的缩小代码以获得标签   和手风琴一起工作。

其次,如果您的网站非常庞大,您需要更多的灵活性。以任何方式自定义jQuery UI - 除了使用模板化的ThemeRoller - 都会变得丑陋。如果您希望自己的设计特定于您的网站,并且您希望对网站中的设计元素保持精细控制,那么最好远离UI模板。

第三,我个人认为不应该使用javascript库来设计页面元素。或者,至少应该用它来设计尽可能少的元素。使用javascript进行样式化可能会导致一些奇怪的行为,例如页面加载和页面样式之间的延迟(如here所述)。此外,关闭脚本(范围介于one and three percent网络用户之间)的用户肯定不会享受访问您网站的体验。

答案 4 :(得分:2)

有两个因素会回答这个问题。

1)大有多大?或者换句话说,有多少用户会一次主动浏览,是否有大量的互动,或者只是一个静坐等待类型的页面?

2)它是否会被设计为减少请求/秒?基本上,如果每次点击都需要ajax调用,这会打到你的服务器,服务器可能会扣。但是如果你预加载很多,带宽将是问题,而不是服务器上的资源。

所以基本上如果网站真的很大,你可能想要查看谷歌CDN和东西,以避免在你的最后处理它。如果它不会那么大,那么你必须确定下一个瓶颈在哪里。如果它是一个带宽瓶颈,那么传输jQuery会受到很大的伤害,否则就会受到ajax调用的伤害。

您的目标是尽量减少服务器必须执行的操作,并将其推送到客户端。因此,设计它以使带宽不是瓶颈,并且您的服务器仅在必要时与客户打交道。

答案 5 :(得分:1)

少量的JQuery绝对没问题。但是太多的流量会导致页面加载出现问题,因为它可能会有点慢。最好从头开始编写CSS,因为它可以很好地为您的网站定制,并且您不需要将您的网站放到其他地方。

答案 6 :(得分:0)

我会发布这是评论,但还不能......

我已经在各种环境中广泛使用jQuery并考虑了所有事情,它是我使用它的网站中性能更好的方面之一。我会考虑我的经验来自中高流量网站。像fckEditor或TinyMCE这样的HTML编辑控件的加载时间一直比我使用的大部分jQueryUI组件都要长。

我完全同意有关使用CDN的评论,但其中一些海报对于ThemeRoller选项是正确的。这将消除您使用开箱即用的jQueryUI CDN的能力,ThemeRoller创建一个独特的包供您下载,包括CSS。如果你走这条路,为你的javascript内容选择一个很好的最小化/压缩技术,这也会有所帮助..