0

嗨，我在尝试为每个帖子实施画廊时遇到了一些麻烦。

好吧，事实上问题不在于它工作，问题是网站像龟一样变慢。

我为每个画廊使用循环：

var  
    id = $('#gallery-id-<?php the_ID(); ?>'),
    container = $('#container'),
        leftArrow = $('#leftArrow'),
        rightArrow = $('#rightArrow')

    id.cycle({
        timeout:0,
        fx:'scrollHorz',
        prev: prv,
        next: nxt,
        easing: 'easeOutExpo' 
    });

但是为 10 个帖子生成一个画廊使网站变得超级慢......

并且 well cycle 不是帖子中唯一调用的插件，它还使用 jspScroll、qTip 等。

您建议在每篇文章中添加 jquery 以准确快速地显示内容吗？

谢谢

4

1 回答 1

0

如果你使用了大量的 jQuery '插件'，你肯定会注意到性能急剧下降。在 UI 密集度较低的页面上帮助提高性能的一种快速简便的方法可能是将代码上下文化。例如，如果您只需要在 Wordpress 构建的主页上运行 Cycle，您可以使用“if”语句：

if($('body').hasClass('home')) {
  var  
    id = $('#gallery-id-<?php the_ID(); ?>'),
    container = $('#container'),
    leftArrow = $('#leftArrow'),
    rightArrow = $('#rightArrow')

  id.cycle({
    timeout:0,
    fx:'scrollHorz',
    prev: prv,
    next: nxt,
    easing: 'easeOutExpo' 
  });
}// End body.home only

所有这一切都是查看<body>类并检查页面是否具有该类。如果它有那个类，它将运行必要的 jQuery 调用。您可以开始了解这很容易成为维护问题，因此请适当地进行上下文关联！

ps 如果没有看到你的其余代码，我可以根据经验说 jspScroll 是“慢”网站的罪魁祸首 - 特别是如果你在大型 DOM 上运行它。

于 2012-09-11T21:49:50.557 回答