首页 » 博文 » wpbeginner » 最佳教程 » 如何在 WordPress 中正确禁用延迟加载(一步一步)

如何在 WordPress 中正确禁用延迟加载(一步一步)

您想在 WordPress 中禁用延迟加载吗?

默认情况下,WordPress 具有延迟加载功能,可延迟图像和其他媒体的下载,以提高页面加载速度。但是,这可能会因不立即显示图像而影响某些网站的用户体验。

在本文中,我们将向您展示如何轻松禁用 WordPress 中的延迟加载。

如何在 WordPress 中正确禁用延迟加载

什么是延迟加载?

WordPress 在WordPress 5.5中首次引入了延迟加载图像。后来,它将延迟加载功能扩展到 iframe 嵌入(如 YouTube 视频、Spotify 和其他嵌入)。

这种做法首先快速加载内容和可见区域,有助于提高网站的性能和页面速度。

更快的网站不仅对用户有利,而且还可以提高您的网站排名,因为谷歌等搜索引擎将速度视为重要的排名因素。

除了图像和嵌入之外,您还可以轻松延迟加载评论头像,以进一步提高页面加载速度。

通过右键单击图像并在浏览器中选择“检查”工具,可以看到延迟加载功能的实际效果。

WordPress 中的延迟加载图像

这将分割您的浏览器屏幕并向您显示 HTML 源代码。从这里,您将能够看到添加到图像的“loading=lazy”属性。

现在通常情况下,我们不建议禁用延迟加载,因为它对您的WordPress 网站有整体好处。关闭它可能会导致网站速度变慢、转化率降低以及 SEO 排名降低。

但是,有时延迟加载会影响某些网站的用户体验。

例如,如果您运行一个摄影网站,其中图像是内容中最重要的方面,那么延迟加载它们可能会破坏客户的用户体验。

在其他情况下,您可能正在使用不同的延迟加载解决方案,并且只想关闭默认的 WordPress 延迟加载。

话虽这么说,让我们看看如何轻松禁用 WordPress 中的延迟加载。

在本教程中,我们将为您提供代码方法和插件方法,因此您可以使用下面的链接跳转到您选择的方法:

视频教程

https://www.youtube.com/embed/Ymfr4D2-sgA?version=3&rel=0&fs=1&showsearch=0&showinfo=1&iv_load_policy=1&wmode=transparent订阅 WPBeginner

https://www.youtube.com/subscribe_embed?usegapi=1&channel=wpbeginner&layout=default&count=default&origin=https%3A%2F%2Fwpbeginner.com&gsrc=3p&ic=1&jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.en.vQiXRrxCe40.O%2Fam%3DAQ%2Fd%3D1%2Frs%3DAGLTcCMBxIGVyXSdvvcs43a64yHt_P7dfg%2Fm%3D__features__#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh&id=I0_1448178294715&parent=https%3A%2F%2Fwpbeginner.com

如果您更喜欢书面说明,请继续阅读。

您只需将自定义代码添加到主题的functions.php文件中即可禁用WordPress 中的延迟加载功能。

但是,请记住,添加代码时的最小错误都可能会破坏您的网站并使其无法访问。

这就是为什么我们建议使用WPCode将自定义代码添加到您的网站。

它是市场上最好的 WordPress 自定义代码片段插件,使添加自定义代码变得非常容易。

首先,您需要安装并激活WPCode插件。有关详细说明,请参阅我们的有关如何安装 WordPress 插件的指南。

注意: WPCode 还有一个免费版本,您可以在本教程中使用。但是,升级到付费计划将使您能够访问代码片段库、CSS 代码类型、条件逻辑等功能。

激活后,从 WordPress 仪表板访问代码片段 » + 添加片段页面。

从此处,单击“添加自定义代码(新代码段)”选项下的“使用代码段”按钮。

添加新片段

这将引导您进入“创建自定义代码片段”页面,您可以在其中开始输入代码片段的名称。这可以是任何可以帮助您识别代码片段及其用途的内容。

之后,从屏幕右上角的“代码类型”下拉菜单中选择“PHP 片段”。

为代码片段选择 PHP 代码类型以禁用延迟加载

现在,将以下 PHP 代码复制并粘贴到“代码预览”框中:

1add_filter( 'wp_lazy_loading_enabled', '__return_false');

WPCode与 ❤️ 主办

在 WordPress 中一键使用

这就是代码粘贴后的样子。

添加代码片段

之后,向下滚动到“插入”部分。在这里,只需选择“自动插入”模式即可。

这将确保您激活代码片段后,您的自定义代码会在 WordPress 网站上的任何位置自动执行。

选择插入方法

接下来,滚动回页面顶部,然后将“非活动”开关切换为“活动”。

之后,不要忘记单击“保存片段”按钮来保存并执行您的代码片段。

保存您的代码片段

激活后,此自定义代码片段将禁用您的WordPress 博客上的延迟加载功能。

您可以通过右键单击图像并从浏览器菜单中选择“检查”来进行测试。

在图像的 HTML 代码中,loading=lazy 属性现在将消失。

禁用延迟加载

方法 2:使用插件禁用 WordPress 中的延迟加载

如果您不想向网站添加代码,则可以使用插件来禁用图像的延迟加载。

您唯一需要做的就是安装并激活禁用延迟加载插件。有关更多说明,请查看我们有关如何安装 WordPress 插件的分步指南。

激活插件以禁用延迟加载

该插件开箱即用,不需要任何配置。一旦激活,它将自动禁用您网站上的延迟加载功能。

我们希望本文能帮助您了解如何在 WordPress 中正确禁用延迟加载。您可能还想查看我们的初学者指南,了解如何优化 WordPress 图像以获得更好的页面加载时间,或者查看我们精选的最佳WordPress 图像压缩插件

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

Scroll to Top