仅用5步! 提升你的核心网络转化率

苏浦悟 09-14 15:36 关注

「⽂章来源:灵蹊社区」

可以确认的是,在2021年5月的页面体验更新中,核心网络活力将成为一个搜索排名因素。这意味着,虽然高质量的内容仍然是至高无上的,但你的SEO的技术方面将登上舞台。

仅用5步! 提升你的核心网络转化率

那么,如何兵来将挡,水来土掩?在这篇文章中,我们将向你介绍核心网络要素,然后提供五个步骤供你实施,以确保你的网站与时俱进。

减少Javascript的执行

实施懒惰加载

优化和压缩图像

为图像和嵌入物提供适当的尺寸

改善服务器响应时间

什么是核心网络生命力?

核心网络指标是评估网站用户体验感的信号。简单地说,这些信号衡量用户与你的网站互动的速度,以及他们将得到什么样的结果。这些信号还衡量用户在网站上浏览的便利程度。

如果你改善用户体验,使你的网站总体上更好,你的页面体验分数就会越高。

仅用5步! 提升你的核心网络转化率

有三个核心网络生命力指标:

最大内容绘画(LCP)衡量最大元素(图片、视频、动画、文本等)在网站上加载和出现的速度。

累积布局移动(CLS)确保网站的页面没有意外的、混乱的移动,这可能会干扰用户消费内容。

首次输入延迟(FID)显示当用户第一次与网站互动时,网站页面的响应程度。它也衡量一个网站的浏览器能以多快的速度为用户提供结果。

下面的图片显示了网站核心生命力得分的时间范围--好,需要改进,和差。看看对你有没有益:

现在,让我们继续讲讲技巧吧:

提高你的核心网络生命力的5个技巧

为了了解你的网站在核心网络生命力方面的表现,你应该对网站性能分析进行一次快速测试。要做到这一点,你可以使用谷歌的工具,如Search Console和Page Speed Insights以及其他工具,如GTmetrix。

如果你使用不同的工具运行性能报告,比较结果并更有效地改进你的页面。

仅用5步! 提升你的核心网络转化率

减少JavaScript(JS)的执行
如果你的报告显示FID得分不高,这意味着你的页面与用户的互动超过0.3秒。你应该考虑减少和优化你的JS执行。这意味着你的浏览器执行JS代码和页面之间的时间被减少。

尽可能少地使用内存也是至关重要的。为什么呢?每当你的网站代码向浏览器提出请求时,它就会保留一个新的内存,使JavaScript停止工作,并可能使页面变慢。

根据谷歌的说法,你可以减少执行的方法之一是推迟未使用的JS。

为了看看你的网站是否有未使用的JavaScript。

首先,进入你的网站,按鼠标右键,选择 "检查"。

仅用5步! 提升你的核心网络转化率

然后点击 "来源",寻找底部的三个小点。你应该添加一个工具--'覆盖'。添加完毕后,按下加载功能。

仅用5步! 提升你的核心网络转化率

当加载完成后,你会看到你的网页上有多少JavaScript没有被使用。

仅用5步! 提升你的核心网络转化率

当你意识到未使用的JS的数量时,你应该开始削减它。其中一个方法就是代码拆分。这意味着将一个JavaScript包(将文件合并为一个包,以避免加载页面时需要太多的HTTP请求)分成小块。

2.实施懒惰加载

如果你在你的网站上显示图片,那么实施懒惰加载是至关重要的,这样你的网站的用户体验和核心网络生命力得分就不会受到损害。懒惰加载允许在用户向下滚动页面的确切时刻加载图像,不影响网站的加载速度,使你的LCP得分达到一流水平。

懒惰加载的其他好处是:

你的网站的性能将得到改善。

它将限制带宽的使用。

它可以改善你的网站的SEO。

这将使你的访客留在页面上,并减少跳出率。

懒惰加载会使你的网站受益吗?根据HubSpot的资料,对于那些包含许多图片、动画或视频(又称重元素)的页面,懒惰加载将被认为是一种必须。然而,对于哪些页面应该实施懒惰加载并没有固定的规则。因此,如果你的网站的LCP得分很低,你应该考虑尝试懒惰加载,然后比较实施前后的结果。

仅用5步! 提升你的核心网络转化率

优化和压缩图像
听起来很明显,你不觉得吗?然而,对于许多网站来说,最大的元素是图像。因此,优化它们是至关重要的,因为它可以使你的页面明显变轻,从而提高加载速度、LCP得分、用户体验以及你在搜索引擎上的排名。

你可以通过用微小的jpg压缩图像来减少整个页面的大小,并改善你的LCP结果。你可能在想,图像压缩会破坏质量或分辨率。好吧,实际上,你只有在放大的时候或者图像保存的格式不对的情况下才能看到区别。横向图像总是尽量使用jpg格式,图形使用png格式。你也可以使用下一代格式,如JPEG 2000、JPEG XR或WebP,但我们建议事先做一些研究。

除了压缩,另一件重要的事情是激活图像的内容交付网络(CDN)。CDN是一个由世界各地的服务器组成的网络,储存你的内容。由于服务器分布在许多不同的地方,图像可以从离用户最近的服务器更快地被提供。

为图像和嵌入物提供适当的尺寸
CLS得分超过0.1就表示为差,通常,它是由图像、广告或嵌入物等元素在CSS文件中没有尺寸造成的。如果你想提高你的CLS得分,尺寸确实很重要。设置适当的宽度和高度的重要性有助于浏览器在元素加载时在页面中分配正确的空间。

例如,如果一张图片的尺寸不合适,它通常会出现在页面的后面。当用户消费内容时,它可能会突然下降,因为没有适当尺寸的图像无法快速加载。在这种情况下,浏览器并不了解该特定图像需要多少空间。

因此,为了避免这种图片的移动,你可以提前预留一个图片应该显示的空间。如果它被加载到屏幕之外,这种行动将避免布局转移。

确保你也为嵌入物设置了适当的尺寸,如从YouTube插入视频到你的网站时。默认情况下,视频从后端看可能没问题,但在前端可能看起来超级大或乱七八糟。如果是这种情况,说明尺寸有问题,你应该改变它们。

下面你可以看到一个关于为Youtube视频寻找嵌入的分步指南。了解如何改变尺寸并确保所选视频在你的网站上看起来很nice。

如何调整你想显示的YouTube视频的大小。
打开你想添加到你的网站上的Youtube视频。然后,找到分享按钮,选择<>嵌入选项。

仅用5步! 提升你的核心网络转化率

之后,所有的信息,包括尺寸,都会出现。现在,你需要将代码复制到你的网站后台,并将其改为适合你网站的适当宽度和高度。

仅用5步! 提升你的核心网络转化率

改善你的服务器响应时间
谷歌说:"浏览器从服务器接收内容的时间越长,在屏幕上呈现任何东西的时间就越长。更快的服务器响应时间会直接改善每一个页面加载指标,包括LCP"。

最重要的是,长的服务器响应时间不仅会对你的搜索引擎优化产生负面影响,也会对用户体验产生负面影响。

为了测量服务器响应时间,使用第一字节时间(TTFB),它可以确定用户的网络浏览器收到你的页面内容的第一个字节的时间。

然而,在你开始之前,收集你的服务器当前性能的数据,以了解你的表现。当你做完报告后,这里有一些提示可以帮助你。

检查你的虚拟主机有多快。

为你的网站使用CDN。

审查你的插件,只留下必要的那些

谷歌建议服务器的响应时间要低于600毫秒。

仅用5步! 提升你的核心网络转化率

用这5个提示改善你的核心网络指标

尽管核心网站生命体征将在近三个月内推出,但你已经在努力改善它们,这一点至关重要。由于生命体征的报告是可用的,使用上述工具并比较你的网站在修复错误之前和之后的结果。

记住,你的网站的后端与前端携手并进,所以确保你优化后端,在加载速度、视觉稳定性和互动性方面提供最佳的用户体验。此外,如果你没有忘记谷歌现有的搜索信号--移动友好性、安全浏览、HTTPS、干扰性中间广告准则,这也会有所帮助。

作为一个主要的后端优化,减少TTFB可以补充你的前端开发,显著提高性能。

暂无评论,打开APP参与讨论