你可能听说过核心网络生命体征——谷歌正在推广的三个性能指标,以鼓励更好的网络用户体验。
Semrush现在在站点审计工具中有一个报告来帮助你。
什么是核心网络要素?
b谷歌将3个指标分类为核心Web vital:
最大含油漆量(LCP) -跟踪加载速度的度量。
首次输入延迟(FID)——跟踪用户与页面交互所需时间的度量。
累积布局移位(CLS)——跟踪页面视觉稳定性的指标。
LCP、FID和CLS这3个指标将在2021年6月成为移动搜索的排名因素。
Semrush能帮什么忙
我们将在下面讨论如何优化你的核心网站,但首先,让我们看看你可以从Semrush中获得什么数据。
你所要做的就是进入Site Audit并设置你的Audit。
在向导的第2步中,如果要评估站点的移动版本,则将用户代理设置为移动版本,如果要评估桌面版本,则将用户代理设置为桌面版本。
一旦你完成了站点审计的配置,运行审计,你应该在几分钟内看到结果。
运行审计后,将报告定位在主题报告附近的核心web vital上。
有了它,您可以快速查看报告,并了解您的页面是否有差,需要改进,或良好的核心web生命,而无需添加另一个步骤到您的审计工作流程。
根据谷歌的说法,你网站上的页面在这3个指标中都应该是“好的”。
此报告目前最多可以检查您网站上的10个url。您可以随时从报告中的表格上方更改这10页。只要选择“编辑列表”,然后你就可以检查你想要的页面。
截取屏幕截图保存此信息。这是你应该与你的开发团队分享的内容,以及有助于优化你的核心网站的建议。
此报告的好处是,您可以在进行调整后重新运行审计,并查看在对站点进行任何更改后cwv的改善或恶化趋势。
在您的第一次审计中,这10个url将是我们的爬虫首先检查的10个url。如果你将你的抓取范围设置为一个url文件,我们将检查你文件的前10行核心网络重要信息。在第一次抓取之后,您可以自定义这10个页面,以便随时检查。
这些信息是通过谷歌灯塔收集的。您可以在我们的知识库中找到有关此过程的更多详细信息,或者观看下面视频中的演练。
优化你的核心网站
由于每个指标都代表了用户体验的一个独立但相关的方面,以下是你如何处理它们的方法。
最大含量涂料(LCP)
这个指标跟踪加载速度,或者更具体地说,在页面可见部分的最大内容元素出现在用户面前之前需要多长时间。
LCP受以下因素影响:
服务器响应时间慢
阻止呈现的Java和CSS
加载资源缓慢(尤其是图像和视频文件)
客户端呈现
提高你的LCP:
优化您的服务器
采用本地镜像CDN,为全球用户提供更快的服务
缓存资产和服务HTML页面缓存优先
最小化CSS和JavaScript
首次输入延迟(FID)
该指标跟踪用户通过单击或操作部分UI与页面交互之前所花费的时间。这可以帮助你衡量网页的整体响应能力。
由于该指标依赖于真实的用户事件,因此只能在“现场”测量,而不能在实验室中复制。
然而,你可以在《Lighthouse》和《Semrush》中测量总阻塞时间(Total Blocking Time, TBT),这是一个理想的类似度量。
TBT(和FID)受以下因素影响:
长期的任务
JavaScript执行时间长
大型JavaScript包
Render-blocking JavaScript
改善FID:
减少JavaScript的执行时间
实现延迟加载
尽量减少未使用的填充
监控TBT的变化
累积布局移位(CLS)
这个指标跟踪网页的视觉稳定性——最常见的是受到广告、弹出窗口和横幅广告的影响,当有人在页面上时,这些广告会突然改变网页。
糟糕的CLS结果通常是非常令人沮丧的,可能导致人们绝望地大喊大叫或暴力地退出你的网页。
CLS受以下因素影响:
引起布局变化的广告
Cookie横幅/通知
没有尺寸的图像
动态注入内容
没有尺寸的嵌入和帧
网页字体导致FOIT/FOUT(闪烁不可见的文字/闪烁无样式的文字)
改善CLS:
总是在你的图像和视频元素中包含 和 size属性
定义页面上每个资产的空间(广告、横幅、响应式图像、视频等)
向下加载内容
其他可以帮助的站点审计检查
为了跟上站点的其他部分,您还应该留意站点审计中的其他检查,这些检查可以帮助您监控性能。
加载缓慢的页面
HTML大小过大的页面
内部JavaScript和CSS文件破碎的问题
Unminified CSS / JavaScript
未缓存JavaScript和CSS文件的问题
未压缩的JavaScript和CSS文件
未压缩的页面
使用JavaScript和CSS的页面总大小太大
有太多JavaScript和CSS文件的页面
甚至还有一个网站性能报告,可以快速找到与网站性能相关的问题。
现在你知道Semrush可以做什么了,去检查你的核心网络生命体征吧!