关于wordpress:如何在-WordPress-中禁用延迟加载以获得更好的图像加载

93次阅读

共计 2204 个字符,预计需要花费 6 分钟才能阅读完成。

在当今世界,网站速度和用户体验是决定网站胜利与否的关键因素。进步网站速度的办法之一是应用提早加载,这是一种提早图像加载的技术,直到用户向下滚动到图像所在的区域。尽管这种技术有助于缩小初始加载工夫,但它也会导致图像加载提早,从而导致蹩脚的用户体验。在 WordPress 中禁用提早加载能够缩短图像加载工夫,从而带来更好的用户体验。

默认状况下,WordPress 蕴含提早加载性能,能够推延图像和其余媒体的下载以放慢页面加载工夫。

可怜的是,对于某些网站,显示图形和其余媒体的提早可能会对用户体验产生负面影响。

本文将演示如何应用插件和代码解决方案疾速禁用 WordPress 中的提早加载。

提早加载

在 WordPress 5.5 中,最后引入了提早图像加载。起初,它在提早加载性能中蕴含了 iframe 嵌入(例如,YouTube 视频、Spotify 和其余嵌入)。

通过尽可能快地加载内容和可视区域,这种办法能够进步网站的速度和性能。

更快的网站对用户和搜索引擎优化都有益处。速度是谷歌等搜索引擎思考的排名因素之一。

为了进一步放慢页面加载工夫,除了照片和嵌入之外,您还能够简略地提早加载评论和 Gravatars。

通过应用浏览器的查看工具右键单击图像并抉择它,您能够察看提早加载的工作原理。

这将划分浏览器的屏幕并显示 HTML 源代码。您当初能够看到图像当初利用了“loading=lazy”属性。

当初,一般来说,咱们不倡议删除提早加载,因为您的 WordPress 网站的整体利益。敞开时,网站加载速度可能会更慢,转化率和 SEO 排名也更差。

可怜的是,对于某些网站,提早加载有时可能会升高用户体验。

例如,如果您经营一个摄影网站,其中照片占大部分内容,则可能会毁坏客户的用户体验。

在其余状况下,您能够应用不同的提早加载解决方案,只心愿禁用 WordPress 内置的提早加载性能。

当初让咱们看看在 WordPress 中禁用提早加载是如许简略。

办法 1:应用 WPCode,禁用 WordPress 的提早加载(举荐)

通过在主题的 functions.php 文件中增加一段非凡的代码,您能够轻松敞开 WordPress 的慢速加载性能。

留神:-请记住,即便输出代码时呈现最小的谬误,也可能会毁坏您的网站并阻止用户拜访它。

因而,如果您想向您的网站增加自定义代码,咱们建议您应用 WPCode 插件。

它是自定义代码片段的最佳插件,让初学者以平安的形式将自定义代码增加到他们的网站变得异样简略。

装置和激活 https://wordpress.org/plugins/insert-headers-and-footers/”>WPCode 插件是第一步。

激活后,转到 Code Snippets » + Add Snippet 页面。

通过这样做,您将被带到“增加片段”屏幕,您能够在其中向您的网站增加一些现成的代码片段。

从此菜单中选择 “增加您本人的代码(新代码段)”后,单击“应用代码段”按钮。

进入“创立自定义代码段”页面后,您能够首先为代码段输出名称。

所有能让你更容易辨认代码片段及其性能的货色都是合格的。

而后,从“代码类型”选项旁边的下拉菜单中抉择“PHP 代码段”。

而后,将下一行 PHP 代码粘贴到“代码预览”框中。

add_filter('wp_lazy_loading_enabled', '__return_false');

当代码粘贴到“代码预览”框中时,代码将如图所示。

输出代码后向下滚动到“插入”区域。

在这种状况下,只需抉择“主动插入”作为插入模式。激活代码段后,这将保障您的所有自定义代码在整个网站上主动执行。

下一步是简略地将页面顶部的“非流动”开关切换为“流动”。

之后不要遗记通过单击“保留代码段”按钮来执行和保留自定义代码段。

一旦这个独特的代码片段处于活动状态,您的 WordPress 网站上的提早加载性能将被禁用。

当您右键单击图片时,您能够通过从浏览器菜单中选择查看来进行查看。

loading=lazy 属性将不再呈现在图像的 HTML 源代码中。

办法 2:应用插件禁用提早加载

如果您不想向您的网站增加任何代码,https://wordpress.org/plugins/disable-lazy-loading/”> 禁用提早加载插件是一个很好的抉择。

只需装置并关上 Disable Lazy Load 插件即可。

该插件开箱即用,无需配置。一旦关上,您站点的提早加载性能将主动禁用。

提早加载和 SEO

在 SEO 方面,提早加载既有踊跃的影响,也有消极的影响。从踊跃的方面来看,提早加载能够进步页面加载工夫,这是搜索引擎排名算法的一个关键因素。更快的页面加载工夫能够带来更好的用户参与度和更低的跳出率,这对搜索引擎来说是踊跃的信号。

不利的一面是,提早加载会使搜索引擎更难抓取和索引您网站上的内容。搜索引擎可能无法访问和索引仅在用户滚动到它时才加载的内容,这可能会导致搜寻排名较低。

为了解决这个问题,您能够应用多种技术来确保搜索引擎能够抓取您网站上的所有内容并为其编制索引,包含应用提早加载加载的内容。例如,您能够应用“noscript”标签为搜索引擎提供应用提早加载加载的内容的代替版本,或者您能够应用“Intersection Observer”API 在内容呈现时触发内容加载.

总的来说,提早加载会对您网站的性能和 SEO 产生重大影响,但通过正确施行,您能够加重任何潜在的负面影响并取得更快的页面加载工夫的益处。

正文完
 0