当前位置: 首页 > 知识库问答 >
问题:

在Wordpress中实现延迟加载的问题

范甫
2023-03-14

我正在尝试实现一个客户端站点的延迟加载wordpress插件,该插件是“BJ延迟加载”,客户端使用的主题是“取景器”。

主页上有2400个120x120的缩略图,它们都是帖子,缩略图是帖子的附件,全尺寸图像(点击时加载)是帖子的特色图像(例如,请参见取景器页面上的图像)

我安装了插件,但默认情况下,这只会延迟加载帖子内容中的图像,而这些内容不是。在“其他说明”中,开发人员要求通过过滤器传递以下内容,以便在所有图像上使用延迟加载:

    <?php
$img_html = '<img src="myimage.jpg" alt="">';
$img_html = apply_filters( 'bj_lazy_load_html', $img_html );
echo $img_html;
?>

当另一个用户遇到问题时,我在支持论坛上询问,最后我使用了他的代码,将其粘贴到functions.php文件中:

$args = array(
'post_type' => 'attachment',
'post_status' => null,
'post_parent' => $fr_ID,
'posts_per_page' => -1,
'orderby' => 'menu_order',
'order' => 'ASC'
);

$attachments = get_posts( $args );

if( $attachments ) {

$thumb_images = array();

foreach( $attachments as $key => $attachment ) { 

    $thumb_image = wp_get_attachment_image_src( $attachment -> ID, 'thumbnail' );

    $thumb_images[] = $thumb_image[0];
}
natsort( $thumb_images );
}

// Apply lazy load filter to images
$img_lazy_load = '<img src="'.$thumb_images[0].'" alt="'.esc_attr( get_the_title() ).'" />';
$img_lazy_load = apply_filters( 'bj_lazy_load_html', $img_lazy_load );
echo $img_lazy_load;

不管我怎么努力,我似乎都无法让这个懒惰的负载工作。有人有任何建议,其他方法或替代插件,我可以尝试吗?

谢啦

共有2个答案

乐正浩博
2023-03-14

在设置中,您可以选择它在标题中工作,而不是wp_footer,这就是我的工作。你也可以尝试一个名为Lazy Load的插件(没有Bj)。

马冯浩
2023-03-14

我将首先在WordPress的干净安装上安装和配置插件。如果你不能让它在遵循作者的说明后运行,你可能会从联系插件作者并通知他们中受益最大,因为这将表明插件存在错误。

 类似资料:
  • 本文向大家介绍AngularJS中的Directive实现延迟加载,包括了AngularJS中的Directive实现延迟加载的使用技巧和注意事项,需要的朋友参考一下 所谓的延迟加载通常是:直到用户交互时才加载。如何实现延迟加载呢? 需要搞清楚三个方面: 1、html元素的哪个属性需要延迟加载? 2、需要对数据源的哪个字段进行延迟加载? 3、通过什么事件来触发延迟加载? 自定义的Directive

  • 本文向大家介绍Webpack 实现 AngularJS 的延迟加载,包括了Webpack 实现 AngularJS 的延迟加载的使用技巧和注意事项,需要的朋友参考一下 随着你的单页应用扩大,其下载时间也越来越长。这对提高用户体验不会有好处(提示:但用户体验正是我们开发单页应用的原因)。更多的代码意味着更大的文件,直到代码压缩已经不能满足你的需求,你唯一能为你的用户做的就是不要再让他一次性下载整个应

  • 我有一个类,其中包含一个延迟加载的属性

  • 描述 (Description) 延迟加载可应用于图像,背景图像和淡入效果,如下所述 - 对于图像 要在图像上使用延迟加载,请按照给定的步骤进行操作 - 使用data-src属性而不是src属性来指定图像源。 将类lazy添加到图像。 <div class = "page-content"> ... <img data-src = "image_path.jpg" class = "l

  • 我似乎不能得到懒惰加载与Slick.js旋转木马工作。我可以看到图像懒惰加载时,我检查的网络选项卡中的开发工具窗口,但他们没有出现在页面上的轮播。我正在使用数据懒惰属性,并尝试制作第一张幻灯片“src”而不是“数据懒惰”,但似乎没有什么对我有用。

  • 我想,我的java代码是正确的,但记录并没有显示在dataTable上。 请检查下面的代码。我不知道我在哪里犯了错误。 .xhtml JAVA getResultList getResultList方法返回一个正确的值,我调试它。我认为问题在于userDataList。