我正在尝试实现一个客户端站点的延迟加载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;
不管我怎么努力,我似乎都无法让这个懒惰的负载工作。有人有任何建议,其他方法或替代插件,我可以尝试吗?
谢啦
在设置中,您可以选择它在标题中工作,而不是wp_footer,这就是我的工作。你也可以尝试一个名为Lazy Load的插件(没有Bj)。
我将首先在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
我想删除Wordpress中第一个图像上的延迟加载,用于每个帖子、页面和主页。 我不使用任何插件的懒惰加载图像,我需要一个默认的懒惰加载的解决方案通过wordpress添加。 我为functions.php找到了这个脚本,但它是为WP Rocket插件找到的,我没有这个插件。 因此,我对其进行了如下修改: 现在,我只需要删除类为“aligncenter size full remove lazy”
我似乎不能得到懒惰加载与Slick.js旋转木马工作。我可以看到图像懒惰加载时,我检查的网络选项卡中的开发工具窗口,但他们没有出现在页面上的轮播。我正在使用数据懒惰属性,并尝试制作第一张幻灯片“src”而不是“数据懒惰”,但似乎没有什么对我有用。