GG资源网

WordPress 5.9 增强了懒加载的性能(wordpress怎么手动自定义文章显示数量)

WordPress 5.9 增强了懒加载的性能

WordPress 在 5.5 版本实现了图片延迟加载(懒加载),然后在 5.7 版中扩展到 iframe 中,WordPress 5.9 版本又对延迟加载的实现进行了一些微调以提高性能。

为什么要进行微调呢?因为 WordPress 之前版本是给所有的图片和 iframe 都加上 loading="lazy" 来实现的,这样页面打开之后第一屏的图片和 iframe 也被标记为懒加载,这样会导致最大内容绘制(LCP)这个页面性能指标下降。

WordPress 的主题很多,所以页面的布局也是千变万化,页面的第一屏到底有几张图片没有统一的答案,但是 WordPress 官方基于 50 个最流行的 WordPress 主题做了分析测试,简单通过不给第一张图或者 iframe 设置懒加载这一简单微调,就可以带来了全面的 LCP 指标的改进,页面加载速度提高了 30%。

所以 WordPress 5.9 就实现了这一改进,不给第一张图或者 iframe 设置懒加载,以增强页面的 LCP 性能。

如何实现

WordPress 如何实现这一改进呢?

WordPress 之前版本就提供了 wp_img_tag_add_loading_attr 和 wp_iframe_tag_add_loading_attr 这两个过滤器来调整是否给图片和 iframe 设置懒加载,但是这里的调整并没有通过这两个接口实现的。

WordPress 希望开箱即用,所以新增一个新函数,并在函数内设置了一个计数器,以便可以跳过给页面上的第一个“内容图像或 iframe”设置懒加载。

这里解释一下“内容图像或 iframe”的意思,它指的是 WordPress 主循环中所有文章中内容中的图片和 iframe,以及文章的特色图片。文章的详情页和列表页都适用,在文章详情页,当前文章的第一个图片和 iframe 不是懒加载的,而在文章列表页,则所有文章的的第一个图片和 iframe 不是懒加载的,如果第一个文章没图和 iframe,则顺延下去。

自定义

因为大多数大多数主题是使用单列布局来显示文章的,所以不懒加载第一个内容中的图片或 iframe 可以增强了页面的 LCP 性能,而对于多列布局的主题,WordPress 现在提供了新的 wp_omit_loading_attr_threshold 过滤器,可用于更改应跳过懒加载的图片/iframe 的数量,如上可知默认值为 1。

例如,在列表页使用三列布局的主题就可以利用过滤器将列表页面上的该阈值修改为 3,这会让前三个内容图片/iframe 不会被懒加载:

add_filter('wp_omit_loading_attr_threshold', function($omit_threshold){
if(!is_singular()){
return 3;
}

return $omit_threshold;
});

wordpress怎么手动自定义文章显示数量

下面给大家介绍wordpress手动自定义文章显示数量的方法详解,希望对需要的朋友有所帮助!

WordPress每页显示的文章数在后台阅读设置中指定,会应用到blog列表页(通常是首页)、搜索页、标签页、分类页以及时间索引页面,加入这些页面的结构不尽相同,例如有的显示标题和摘要,有的只显示标题,那么指定相同的页数就不适用于每个页面了。要根据页面类型指定每页显示文章数,需要写代码实现。

推荐的方法

修改每页显示的文章数也就是修改posts_per_page参数,将下面的代码放到functions.php中即可实现,代码来自WordPress Answers。

function custom_posts_per_page($query){

if(is_home()){

$query->set(\'posts_per_page\',8);//首页每页显示8篇文章

}

if(is_search()){

$query->set(\'posts_per_page\',-1);//搜索页显示所有匹配的文章,不分页

}

if(is_archive()){

$query->set(\'posts_per_page\',25);//archive每页显示25篇文章

}//endif

}//function

//this adds the function above to the \'pre_get_posts\' action

add_action(\'pre_get_posts\',\'custom_posts_per_page\');

通过WordPress的条件标签,你可以任意扩展这段代码。

不推荐使用的方法

不推荐直接修改主题模板,例如在index.php主循环前用query_posts更改每页显示文章数目

query_posts( \'posts_per_page=5\' );

缺点:

第一,增加查询次数

第二,灵活度不高,如果分类、标签有自己的模板,还需要到那些模板里重复query_posts的把戏。

第三,query_posts使用时需特别小心,如果忘记恢复全局变量,可能会出现莫名其妙的错误。

以上就是wordpress怎么手动自定义文章显示数量的详细内容,更多请关注网站的其它相关文章!

wordpress怎么手动自定义文章显示数量 (https://www.wpmee.com/) WordPress使用教程 第1张

由于网站搬家,部分链接失效,如无法下载,请联系站长!谢谢支持!
1. 带 [亲测] 说明源码已经被站长亲测过!
2. 下载后的源码请在24小时内删除,仅供学习用途!
3. 分享目的仅供大家学习和交流,请不要用于商业用途!
4. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
5. 本站所有资源来源于站长上传和网络,如有侵权请邮件联系站长!
6. 没带 [亲测] 代表站长时间紧促,站长会保持每天更新 [亲测] 源码 !
7. 盗版ripro用户购买ripro美化无担保,若设置不成功/不生效我们不支持退款!
8. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
9. 如果你也有好源码或者教程,可以到审核区发布,分享有金币奖励和额外收入!
10.如果您购买了某个产品,而我们还没来得及更新,请联系站长或留言催更,谢谢理解 !
GG资源网 » WordPress 5.9 增强了懒加载的性能(wordpress怎么手动自定义文章显示数量)

发表回复

CAPTCHAis initialing...