在特定镜像上禁用延迟加载

时间:2021-12-24 作者:Vinz Clortho

Wordpress在所有图像上添加延迟加载。Lighthouse建议禁用文件夹上方图像的延迟加载。我想知道如何仅在模板中使用wp\\u get\\u attachment\\u image\\u src调用的图像上禁用它,以便我可以准确控制要删除延迟加载的LCP图像。

灯塔文件:https://web.dev/lcp-lazy-loading/?utm_source=lighthouse&utm_medium=lr

1 个回复
最合适的回答,由SO网友:DeltaG 整理而成

您可以使用loading 参数下面的代码echo是您的图像,不使用延迟加载函数。

echo wp_get_attachment_image( $image, $size, false, [
  \'class\' => \'your-class-here\', 
  \'loading\' => \'eager\'
] );

相关推荐

Performance hit of Inline CSS

我想听听你的意见。内联CSS会影响网站速度性能吗?因为即使我在主题自定义页面自定义CSS部分中编写了所有自定义CSS,但在一些速度测试中,它仍然检测到内联CSS。所以换句话说,我的问题是:为了提高网站性能,我是否需要将自定义CSS移动到实际的主题文件中,例如styles1。css?