spot_img
HomeDTC品牌出海独立站教程如何在 WordPress 中通过 WP Rocket 充分利用延迟加载

如何在 WordPress 中通过 WP Rocket 充分利用延迟加载

JasperAI 10000字免费额度试用

几乎每个网站都使用图片,因为它们非常适合吸引访问者的注意力。 但是,它们也会大大降低您网站的速度,尤其是当图像文件很大时。 使用延迟加载技术可以帮助加速您的网站。

这种技术只会在访问者看到图像时在页面上加载图像。 因此,页面的整体加载速度要快得多。 这对于拥有相册的网站尤为重要。

今天,我将演示如何使用 Lazy Load 插件执行此操作。

延迟加载可以为您的网站做什么?

延迟加载是一种可供开发人员使用的强大技术,它的影响超出您的想象。

首先,让我们从显而易见的图像开始。 事实上,这项技术是专门为他们开发的,而且效果很好。 改善网站的加载时间不仅可以改善用户体验,还可以改善网站的 SEO。

谷歌SEO优化服务

毕竟,速度是谷歌和其他搜索引擎用于排名的确定因素。

虽然图像仍然非常流行,但视频内容已成为互联网上最受欢迎的内容。 您现在甚至可以延迟加载视频。 事实上,这个插件会专门用预览缩略图替换 YouTube iframe。

并非每个访问者都会点击视频,因此没有理由让它减慢您的页面速度。

笔记: 这不应影响设置为在加载页面时自动播放的视频。

如何将延迟加载添加到 WordPress

第 1 步:安装延迟加载

WP Rocket 的 Lazy Load 插件设置起来非常简单,并且有超过 100,000 个活跃安装。 此插件允许您对图像和视频使用延迟加载。 您还可以选择禁用特定内容的延迟加载。 这非常适合您希望访问者看到的内容。

WordPress divi主题

让我们首先单击插件并选择左侧管理面板上的添加新选项。

添加插件

在可用的搜索框中搜索 Lazy Load。 这将拉出您可能会觉得有用的其他插件。

延迟加载

向下滚动直到找到延迟加载插件并单击“立即安装”按钮并激活插件以供使用。 它是由 WP Rocket 创建的。

现在安装

笔记: 值得一提的是,如果您当前使用的是 Jetpack,您会看到一个启用延迟加载模块的选项。 这是另一个值得考虑的好选择,尤其是在您已经安装了 Jetpack 的情况下。

第 2 步:启用延迟加载

现在我说,这个插件使用起来很简单,我没有说谎。 实际上,它由三个复选框组成,您可以使用它们来打开和关闭不同类型内容的功能。

在左侧的管理面板上,单击设置并选择 LazyLoad 选项。

延迟加载

H10的年终大促

可以使用三个复选框进行交互,以启用图像、iframe 和视频的延迟加载,以及用缩略图替换 YouTube 视频的能力。

如果您选中图像或 iframe 框,这将减少页面在加载时发出的 HTTP 请求数。 因此,它加载速度更快。

延迟加载缩略图替换选项确实如其名。 这会对包含视频内容的页面产生巨大影响。 这对于移动用户尤其重要。 智能手机已经走了很长一段路,但与台式机相比仍然相形见绌。

因此,在页面上加载多个视频可以为移动用户增加秒数,尤其是在较旧的硬件上。 请记住,如果视频是页面的主要功能,则此选项不是很好。

勾选您认为合适的方框。

复选框

您还会看到此插件的高级版本 WP Rocket 的广告。 这个高级插件专注于最大限度地提高您网站的速度,而不仅仅是为图像和视频添加延迟加载。 对于任何希望加快网站速度的开发人员来说,这都是一个不错的选择。

单击“保存更改”按钮。

保存更改

然后您可以开始查看您的页面加载速度有多快。 确保在图像和视频内容上对其进行测试以查看结果。

高质量外链购买

第 3 步:禁用延迟加载

上一步中可用的选项是全局选项,这意味着它们会影响您网站上的所有内容。 实际上,您可能只想从实施此功能中排除一些页面。

在某些情况下,您可能只想排除单个图像。 但是,该插件至少在本机上没有此功能。 相反,插件页面确实提供了实现这些结果所需的代码。

笔记: 由于您将不得不编辑您网站的代码,我强烈建议您备份您的网站。 这将确保如果出现问题,您可以恢复您的网站并避免任何停机。 也就是说,没有什么是很难的。

要关闭特定页面上的延迟加载,请将以下代码添加到您的函数文件中:[ht_message mstyle=”info” title=”” show_icon=”” id=”” class=”” style=”” ]

add_action( ‘wp’, ‘deactivate_rocket_lazyload_on_single’ );

writesonic

函数 deactivate_rocket_lazyload_on_single() {

如果 ( is_single() ) {

add_filter( ‘do_rocket_lazyload’, ‘__return_false’ );

}

}

[/ht_message]

如果您有兴趣在某些图像上禁用该插件,您可以将以下属性添加到您的 img 或 iframe 标签中:[ht_message mstyle=”info” title=”” show_icon=”” id=”” class=”” style=”” ]数据不懒惰=“1”[/ht_message]

禁用此功能的唯一其他方法是取消选中该框。 希望将来可以添加更多禁用选项来帮助初学者。

恭喜您在 WordPress 中设置了延迟加载插件。

优化您的图像和视频

利用延迟加载是提高网站性能的好方法,但它不能替代优化图像。 事实上,即使你确实使用它,优化你的图像仍然会提高页面性能和用户体验。

WordPress花园粉丝福利

想做跨境电商独立站但是没什么钱?可以免费试用Shopline智能建站工具,一个月都不要一顿火锅的钱!(这里就可以在线申请!) 或者扫描下方二维码
shopline

毕竟,这些图像需要在某个时候加载。

这不仅会影响您的网站性能,还可以节省服务器空间。 典型的图像总共应该只有几 kb。 只有非常大的图像才应该超过这个数量。 对于拥有数千张图片的网站来说,这是必不可少的。

在某些情况下,网站所有者可能会为额外的服务器空间支付数百美元,因为他们没有优化图像。

这些技巧也适用于视频,甚至可能更适用。 视频是巨大的文件,尤其是当您选择在自己的网站上实际托管视频时。 绝不推荐这样做,相反,始终将其上传到 YouTube 并将其嵌入您的网站以获得最佳加载时间。

请记住,私人视频确实存在于 YouTube 上,并且是会员网站的绝佳选择。

使您的网站快速

毫无疑问,快速网站对用户体验和排名都有好处。 没有理由满足于一个快速且精简的网站。 但是,图像和视频内容会大大降低帖子和页面的速度,但这可以缓解。

也就是说,它们远非影响网站速度的唯一因素。 例如,您知道插件会降低您网站的速度吗? 这就是为什么许多开发人员尽可能避免添加新插件的原因。

因此,本教程可能只是获得最快结果的第一步。

您是否选择在任何页面上禁用延迟加载插件? 您的页面加载速度有多快?

5分钟生成10篇英文软文article forge软件试用
  跨境电商独立站代运营服务综合套餐 项目合作请联系客服微信 13564054264
服务项目服务模块服务效果服务周期服务费用 RMB
海外市场调研
与品牌诊断
目标市场调研1份调研报告按次(5-7个工作日)5000
消费受众分析
市场准入条件
竞品发展轨迹
市场销售策略
品牌商业化诊断
TikTok
账号代运营
TikTok账号定位3个账号运营
500条视频内容发布
按季度(50-65个工作日)30000
TikTok内容策划
TikTok视频制作
TikTok账号涨粉
TikTok数据分析
TikTok
直播代运营
TikTok直播策划20-24场直播按月度(20-24个工作日)15000
TikTok网络搭建
TikTok选品分析
TikTok话术提炼
TikTok直播开展
TikTok直播数据分析
TikTok
KOL/KOC营销
TikTok行业达人匹配500-1000个达人邀约/天按月度(20-24个工作日)10000
TikTok行业达人邀约
TikTok行业达人签约
TikTok达人合作跟进
TikTok达人合作完成
海外社媒
代运营
海外社媒运营需求确认insgarm
Facebook
Pinterest
Linkedln
海外社媒运营(4选2)
按季度(50-65个工作日)30000
海外社媒运营方案制订
海外社媒代运营开展
海外社媒活动策划&开展
海外社媒账户涨粉&数据分析
海外线下
代理商拓展
渠道代理目标市场确认主要服务地区为欧美/东南亚
限定1-3个国家
按季度(50-65个工作日)35000
渠道代理商信息抓取
渠道代理商邮件邀约
渠道代理商洽谈准备
渠道代理商签约合作
渠道代理商完成合作
海外广告代投放海外广告账户开户TikTok
Google
Facebook
海外广告代投
(电商/游戏)
按季度(50-65个工作日)开户首充1000美金
10%广告投放佣金
海外广告产品分析
海外广告代投计划制订
海外广告代投内容制作
海外广告代投放开展
海外广告代投效果优化项目合作请联系客服微信 13564054264
siteground

【WordPress花园提醒您】如果想购买国外正版WordPress主题和插件,您需要一张VISA信用卡才能支付,这里我们推荐光大银行信用卡!赶快免费申请,别耽误了买插件哦!

guangda
WordPress花园官方账号
WordPress花园隶致力于为广大跨境电商和独立站爱好者提供优质的WordPress教程、Woocommerce教程、Facebook、Twitter、tiktok、Instagram教程和谷歌SEO教程等资料和对应的建站推广服务。关注‘哟派出海’公众号了解最新资讯。粉丝福利:Shopline免费独立站建设14天优惠 商务合作: [email protected]
RELATED ARTICLES