spot_img
HomeDTC品牌出海独立站教程什么是延迟加载? 了解 SEO 的延迟加载

什么是延迟加载? 了解 SEO 的延迟加载

JasperAI 10000字免费额度试用

您是否知道 47% 的用户希望页面在 2 秒或更短时间内加载?

出于多种原因,页面速度在当今的数字营销世界中至关重要。 无法访问您的网站或对访问过程感到沮丧的用户很可能会为了他们的博客文章或产品而放弃您的品牌并转向别处。

仅 500 毫秒的连接速度延迟可能导致“峰值挫败感”增加 26% 以上,参与度降低 8%。 Moz 将理想的页面加载时间定为 0-4 秒,并发现加载时间在一秒以下的页面的转化率约为 高出 2.5 倍 比加载速度慢于五秒或更长时间的页面。

什么是延迟加载转换率随着图像加载速度的增加而下降

外卖是显而易见的。 对于大多数人来说,访问您的网站所花费的时间是他们的 第一次体验你的品牌. 让他们承受缓慢的页面速度是一种以错误的方式开始关系的必经之路。 您甚至冒着关闭重复用户和客户再次转换的风险。

这就是延迟加载的用武之地。延迟加载是许多关键的页面速度优化之一,您可以进行这些优化以提高性能并为自己提供转换新用户的最佳机会。

谷歌SEO优化服务

让我们来谈谈它!

什么是延迟加载?

简而言之,延迟加载允许您将缓慢加载的页面元素推迟到 您的页面已呈现。 这是一种确保用户在完成加载网页上一些较大的、非关键的、非首屏元素的繁重工作之前“访问”您的站点(并且不会跳出)的方法。

什么是延迟加载? 了解 SEO 的延迟加载

这里的想法是缩短 关键渲染路径,或者用户到达页面最大内容绘制 (LCP) 所花费的时间长度。 Largest Contentful Paint 是表达加载速度的一种奇特方式。 这也是一种重要的表达方式,因为它代表 谷歌的 了解加载速度。

Largest Contentful Pain 标记页面加载时间轴中页面主要内容可能已加载的时间点。 LCP 一直是页面速度和用户体验的关键要素。 现在,谷歌已经发布了其 Core Web Vitals,这更是一个重要因素。

WordPress divi主题
延迟加载如何与谷歌的页面速度更新和核心网络生命力相关

您可以将 Google 于 2020 年 5 月推出的 Core Web Vitals 视为网站技术健康状况的基线要求; Google 用来评估页面的 UX(用户体验)的指标。 它们本身是一个更大的算法更新的重要组成部分,称为页面体验更新,这将使用户体验和网站性能 批判的 明年5月的排名因素。

延迟加载 Web Vitals

谷歌对健康、有价值的用户体验的新技术要求。 有关技术 SEO 的更多帮助,请访问我们的帖子 如何进行技术 SEO 审核.

一段时间以来,速度一直是谷歌排名的一个关键因素,但 Core Web Vitals 的发布和页面体验更新的预发布代表了滚动页面速度的里程碑式转变将在未来获得有机流量方面发挥作用。

Core Web Vitals 的后两个组成部分——首次输入延迟 (FID) 和累积布局偏移 (CLS)——与用户到达页面后的交互方式有关。 就我们这里的目的而言,它是第一个组件,Largest Contentful Paint,延迟加载可以真正产生影响。 通过延迟非关键元素的加载时间直到 用户“访问”了您的网页,您就给了自己更大的机会来留住——不仅是留住,而且是转化——那个用户。

如何判断您的网站是否需要延迟加载

您的网站运行缓慢并不一定意味着您 实现延迟加载。 一种更好的页面速度优化方法是通过页面速度性能工具(如 PageSpeed Insights 或 GTmetrix)运行您的网站。

什么是延迟加载页面速度洞察结果示例

来自 PageSpeed insights 的页面速度评估示例。

在那里,您将获得许多建议,这些建议可能需要也可能不需要对图像实施延迟加载,但肯定会包括页面速度优化的其他元素,例如:

  • 启用 Gzip 压缩
  • 压缩 JavaScript、CSS 和 HTML
  • 减少重定向
  • 删除渲染阻塞 JavaScript
  • 利用浏览器缓存
  • 改善服务器响应时间
  • 使用内容分发网络 (CDN)
  • 优化图像和视频

这里的想法是优先考虑为您的网站提供提高页面速度或最大“收益”的最佳机会的项目。

如果您碰巧看到“延迟屏幕外图像”的建议,这就是图像延迟加载发挥作用的地方。

什么是延迟加载延迟屏幕外图像

“延迟屏幕外图像”建议是您需要延迟加载的可靠标志。

H10的年终大促

您还可以使用 Search Console 中新的 Core Web Vitals 报告,全面了解您网站上的哪些网页存在 LCP 问题。

什么是延迟加载延迟屏幕外图像

Google 将“良好”的 LCP 定义为四秒或更短:

如何使用搜索控制台来改进延迟加载

同样,仅仅因为给定页面的 LCP 超过 4 秒并不一定意味着您需要实施延迟加载。 但是这份报告可以提示您网站上性能确实很慢的地方; 从那里,使用我们刚刚讨论的一些速度工具,您可以在各个页面上运行诊断并查看“延迟屏幕外图像”是否表示需要延迟加载。

如何实现懒加载

如果你想自己实现延迟加载,这是我们的第一个提示:不要这样做!

如果您是经验丰富的开发人员,则例外。 或者,如果您是一名业余开发人员,有能力在暂存站点上实施延迟加载,并针对您的实时站点分别测试您的新速度分数。 在这些情况下,您可以而且应该感到有能力将延迟加载掌握在自己手中。

对于 WordPress 用户,有许多方便的插件可以帮助实现延迟加载,其中最突出的是 Lazy Load 和 Smush。 Smush,具体来说,是一种一体化的图像优化解决方案,可为您提供图像压缩、延迟加载和下一代图像转换,所有这些对于图像 SEO 都至关重要。

图片延迟加载工具

用于 WordPress 图像优化和延迟加载的 Smush。

然而,根据您的内容管理系统 (CMS)——无论是 WordPress、Shopify、Bigcommerce、Webflow——延迟加载可能不像实现插件那么简单。 例如,Shopify 推荐了自己的延迟加载实现; 而 Bigcommerce 有自己的第三方插件,支持在 Stencil 和 Blueprint 等常见主题上延迟加载。

如果这一切似乎让您难以理解,让我们回到我们最初的观点:除非您对自己的开发能力充满信心,否则 不要花时间和资源尝试自己实现延迟加载. 相反,请聘请专业的开发人员(例如 LOCALiQ 的开发人员),他们可以安全、自信地在您的站点上延迟加载图像(并在其他站点速度优化时帮助您)。

如果这意味着让您的站点或网页多节省两秒钟,并且您完全有信心自己做,请为延迟加载提供它应得的资源,但将任务外包给专业开发人员。

高质量外链购买

很有可能,它会在提高转化率和收入方面为自己付出更多的代价。

延迟加载对您的网站有多重要?

要点是:不要觉得你需要花费你或你的开发人员的时间来实现延迟加载,如果它是 不是在您的 PageSpeed Insights 和 GTMetrix 报告中发现的潜在高收益行动项目. 如果它们代表最大量的加载时间节省,您可以并且应该优先考虑其他网站速度改进的清单(再次重复:Gzip 压缩,缩小 JavaScript,CSS 和 HTML,删除呈现阻塞的 JavaScript,利用浏览器缓存,改进服务器响应时间等)。

如果,另一方面,您有一个包含大量图像的可视化网站,如果您在 Search Console 的 Core Web Vitals 报告中发现大量缓慢的 LCP 页面,请花时间使用网站速度性能工具运行诊断。 懒加载可以 显著地 缩短首屏较大元素的网站和页面的加载时间。 对于像这样的网站,实施延迟加载是轻而易举的事。

请记住,不要一味地聘请开发和设计专家,他们可以安全地实施延迟加载而不会扰乱您现有的环境(同时帮助您提高其他站点速度)。

5分钟生成10篇英文软文article forge软件试用
siteground

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

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