WordPress在其开发人员节中发布了一篇文章,提出了改进WordPress’默认延迟加载行为。测试显示,所提出的改变改善了
核心Web Vitals 性能度量,平均值为7%,高达33%。
提出改善WordPress中的核心媒体生命物
该提案说明懒惰加载属性的细粒控制属于主题开发人员的手中。
所说,发现,通过改进默认产生的延迟加载如何产生重大改进在
核心网Vitals
中称为最大的含量疼痛 t。 这是该提案描述改进的方式:
“而不是懒惰地加载所有图像和iframes通过defαult,第一个内容图像(也考虑特色图像)或内容Iframe不应延迟加载。 这是一个比当前实现使用的更敏感的默认值,即平均而在比例下会导致在框中的更好的LCP性能中,同时保持必要的带宽低。“
延迟加载和最大的满足涂料
通过延迟下载页面元素(例如目前不需要的图像和Iframe)的下载,延迟下载页面。
使用延迟加载,例如在站点访问者的浏览器屏幕中不可查看的图像等元素可以是使用称为加载属性的HTML属性延迟。
图像是一个网页HTML元素。
html属性是修改HTML元素的代码,如图像。
加载属性在这种情况下修改图像,通过告诉浏览器延迟下载它。加载属性告诉浏览器延迟下载图像,释放浏览器以下载更多的重要页面元素,该元素立即可查看的网站访问者。
这使得页面交互式网站访问者更快。
最大的满足油漆(LCP)测量网站访问者在网站访问者中的快速图像和其他元素下载(访问者看到的浏览器屏幕)。
以下
图像通常以HTML编码如下:
添加延迟负载是添加惰性加载HTML属性的简单问题:
提高LCP指出,由于WordPress 5.5核心代码默认添加到所有图像和IFRames的延迟加载属性。 但这并不理想,因为页面顶部的图像,如徽标和精选图像,需要下载以便为网页变为可用。 WordPress实现延迟加载,如此,因为它无法准确排除最重要的图像接收延迟加载属性。 原因是因为所有主题都是不同的,而这种粒度排除最好是由主题开发人员完成的原因。虽然当前默认延迟加载的WordPress实现不理想,但以这种方式添加延迟加载是一个明确的改进,完全没有添加加载属性。 正在提出的是什么代表作为下面列出的测试结果的明确改善。 相关:先进的核心网络生命:技术SEO指南 如何改善WordPress最大的满足油漆 是什么WordPress开发人员团队提出的建议是排除在代码中的第一个图像或iframe中添加延迟加载属性。 开发人员在最多50前测试此方法流行WordPress主题并发现将其添加到第一个图像或IFrame元素提供了LCP的平均改进核心Web Vitals平均得分为7%。显影剂接下来通过向两个元素添加延迟加载来改善LCP改善程度。性能增益平均下降2%,使得从多个元素中排除延迟加载不得改善LCP任何更好。 这些是一些发现: “省略第一内容图像延迟加载,导致中值LCP改善为7%(1,877ms,与电流核心行为的2,020ms相比)和中值图像字节增加0%( 368KB与当前核心行为相比369KB)。 →省略第一内容图像清楚地导致LCP改进,同时在保存的图像字节上没有明显回归。 省略前两个内容图像懒惰 – 加载导致中位数LCP改善5%(1,927毫秒,与电流核心行为的2,020ms相比),中值图像,增加2%(368KB,与当前核心行为相比369KB)。 →省略前两个内容图像对两个度量产生的结果比省略第一个,即最好只跳过第一个内容图像,因此没有额外的图像,没有懒惰的图像没有额外的测试 – 需要加载。 下面的广告联交线读数新的WordPress懒人加载测试结果试验组中的5%主题得分10%差至高达21%差。 42%的主题将LCP分数从10%提高到高达33%的人更好。据透露,益处更好大多数测试主题。 根据WordPress提议: “虽然所有主题的中位LCP改善仅为7%,但有更大的值得注意的胜利对于大量的主题,虽然值得注意的损失是最小的。“ 18将加速您的网站的WordPress插件 [ Googler验证了概念插件的证明 WordPress核心宣布创建了一个插件形式中的概念(PoC)补丁的证明,可能是为了调试目的并在Github上发布它。 这不是一个官方的WordPress插件释放,所以它是可以赶出并安装它的 官方插件发布在WordPress插件存储库中发布。 什么时候会改善懒惰的loAding到达? 目前为WordPress 5.9设置了改进的延迟加载行为的时间表。 WordPress 5.9当前设置为12月2021年12月释放。广告联系读数以下改进的延迟装载功能的提案目前正在进行讨论,到目前为止,在评论中遇到了积极的回应。 除非出现了目前的不可预见的问题,否则可以提高最大的满足性涂料分数可能会来到今年晚些时候的WordPress网站。 o o o 文出版物提案公告 炼油核心吉祥加载实施 延迟加载改进的WordPress GitHub页面 省略懒惰加载属性在第一个内容图像/ iframe