延迟加载WordPress图像的简便方法（两种方式）

想知道如何延迟WordPress中的图像加载？

懒惰加载允许网站仅当用户向下滚动到特定图像时加载图像。这减少了网站的加载时间并改善了网站性能。 许多流行的图像密集型网站都使用延迟加载来提高站点速度和性能。

本文将逐步向您展示如何轻松延迟加载WordPress图像。

为什么WordPress延迟图像加载？

WordPress图像的缓慢加载可以加快您的网站并提供更好的用户体验。

没有人喜欢慢速网站。 实际上，绩效研究发现，落后于页面加载时间的第二个导致转化率降低了7％，整体观看量减少了11％，客户满意度降低了16％。

像Google这样的搜索引擎也不喜欢懒惰的网站。 这就是为什么更快的网站在搜索结果中排名较高的原因。

与其他网络元素相比，将图像加载到网站上的最长时间。 在帖子中添加大量图像将增加页面加载时间。

处理这种情况的一种方法是使用CDN服务，例如BunnyCDN。 CDN允许用户从最近的Web服务器下载图像，以降低其网站的加载速度。

但是，图像仍在加载并影响整个页面加载时间。 为了解决此问题，您可以通过在网站上实现懒惰加载来延迟图像加载。

懒惰加载如何工作？

懒惰加载不会一次加载所有图像，而仅下载可以在用户屏幕上显示的图像。 用占位符图像或空白区域代替所有其他图像。

当用户向下滚动页面时，网站会加载浏览器查看区域中出现的图像。

懒惰加载对WordPress博客非常有益：

减少初始的Web加载时间，并允许用户更快地查看其网站。 通过仅交付显示的图像来节省带宽，从而节省WordPress托管成本。

将懒惰加载添加为WordPress 5.5版本的默认功能。

但是，如果要自定义背景图像以延迟加载图像及其懒惰加载，则必须使用WordPress插件。

让我们看一下如何在WordPress中使用两个不同的插件进行懒惰的负载图像。 您可以使用下面的快速链接直接跳入要使用的方法。

最近，您可以使用wpress（免费）WordPress（免费）优化WordPress图像的其他技巧1：使用WP Rockets WordPress

在WordPress中加载图像（推荐）懒负载图像。 这是市场上最好的WordPress高速缓存插件，可以轻松打开图像的懒惰加载。

否则，这是一个非常强大的插件，可帮助您在不了解复杂的技术术语和配置专家设置的情况下优化网站速度。

开箱即用，所有推荐的默认缓存设置都大大加快了您的WordPress网站。

您需要做的第一件事就是安装和激活WP Rocket插件。 有关更多信息，请参见WordPress插件安装指南。

要启用懒惰加载，只需选择一些复选框。 您也可以启用视频延迟。这将使您的网站更快。

您只需要转到WordPress仪表板设置»WP Rocket，然后单击“媒体”选项卡。 然后，您可以滚动到“ Lazyload”部分，然后选择“启用图像”旁边的框，然后“启用iframe and Video”。

有关更多信息，请参见有关如何正确安装和设置WordPress中的WP火箭的指南。

注意：使用sitegr作为WordPress托管提供商，您可以使用具有类似懒惰加载功能的免费Siteground Optimizer插件。

方法2：使用WordPress中的Optimole的懒负载图像

此方法使用免费的Optimole插件。 这是最好的WordPress图像压缩插件之一，可以轻松地启用图像的懒惰加载。

如果您每月有超过5,000次访问，则需要优质版的Optimole。

首先，您需要安装和激活Optimole插件。 有关更多信息，请参阅我们有关如何安装WordPress插件的分步指南。

激活后，将向您提供一个屏幕，要求您注册API键。 您还可以通过在“管理员”菜单中找到Optimo来找到此屏幕。

您必须确保列出的电子邮件地址正确，然后单击“创建帐户”按钮连接。 另外，如果您是现有用户，请单击“已可用的应用程序密钥”按钮。

当插件连接到Optimole时，您可能需要等待几秒钟。 然后，插件将自动开始优化图像，使访问者可以看到适合您设备的最佳图像。

如果发生这种情况，则可以通过单击“设置”选项卡来配置懒惰加载。

在这里您需要确保启用缩放图像和懒负载设置。 这会根据访问者的屏幕尺寸生成图像，从而提高了负载速度。

接下来，单击高级菜单选项，然后选择“懒负载”。 此屏幕具有多种不同的设置，允许图像自定义加载懒惰。

首先，您可以调整从懒负载设置中排除的第一个图像。 这将始终显示倒塌上方的图像，以防止帖子或页面顶部的图像迟到。

如果要延迟每个图像，则可以将其设置为0。懒负载设置。 默认情况下启用了这些设置。

第一个是“缩放图像”设置。 这将图像缩放到访问者的屏幕大小，从而使页面加载速度更快。

后，出现“标签图像加载”设置。 这延迟了背景图像的加载。这可能是网站上最大的图像。

另一个设置是懒负载嵌入式视频和iFrame。 如果有很多嵌入式视频内容，则应维护此设置。 加载占位符图像而不是视频。 单击占位符后，将加载完整的视频。

您可以继续自定义这些设置，以查看最适合您的网站和图像的设置。

完成配置插件之前，请单击页面底部的“保存更改”按钮。

优化WordPress图像的其他技巧

懒惰加载可以帮助您提高网站的加载速度，但是还有其他几种优化WordPress图像的方法。

例如，建议在上传到网站之前使用诸如TINYPNG或JPEGMINI之类的工具来压缩图像。 另外，您可以使用自动图像压缩插件，例如Optimole或Ewwwimage Optimizer。

为图像选择正确的WordPress图像大小和文件格式也很重要。 JPEG非常适合多种颜色的照片和图像，PNG非常适合简单或透明的图像，而GIF仅适用于动画图像。

我希望本文能够帮助您了解WordPress中懒惰的图像。 您还可以查看有关如何轻松优化Web图像而不会失去质量的教程，以及选择最佳的Web Design软件专家。

PHP速度学习视频免费教程（从初学者那里学到）

如何学习PHP？ 如何开始PHP？ 我在哪里可以学习PHP？ 如何立即学习PHP？ 不用担心，这是PHP速度学习教程（向初学者学习）。需要它的朋友可以保存和下载并学习它！

下载

这几篇文章你可能也喜欢：

• 如何在WordPress中重新发送新用户欢迎电子邮件
• 如何显示WordPress帖子的预测读取时间
• 如何在WordPress帖子之间移动评论（简单的方式）
• 如何在WordPress（简单方法）中创建调查
• 如何在WordPress中禁用新用户通知（简单的方式）

本文由主机参考刊发，转载请注明：延迟加载WordPress图像的简便方法（两种方式） https://zhujicankao.com/147911.html