Question

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

事实上，问题不在于它是否有效，问题在于网站的速度会慢慢变弱。

我为每个画廊使用循环：

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个帖子创建一个画廊会让网站变得非常慢......

并且井循环不是在帖子中调用的唯一插件，它也使用，jspScroll，qTip等。

你建议在每篇帖子中添加jquery，以准确，快速地显示内容吗？

感谢

Answer 1

如果你使用了相当数量的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调用。您可以开始了解这很容易成为一个维护问题，以便适当地进行上下文化！

P.S。在没有看到其余代码的情况下，我可以从经验中说jspScroll是“慢”网站的确认罪魁祸首 - 特别是如果你在大型DOM上运行它。

为category.php中的每个帖子创建一个图库

1 个答案: