了解什么是首次输入延迟(FID),是什么原因造成的,以及改善这一核心网页指标的不同解决方案。
首次输入延迟(FID)是一个用户体验指标,谷歌将其作为一个小的排名因素。
本文对FID做了一个简单易懂的概述,以帮助理解这个话题。
首次输入延迟不仅仅是为了取悦谷歌。对网站性能的改进通常会导致销售、广告收入和线索的增加。
什么是首次输入延迟?
FID是指在网站加载过程中,浏览器对网站访问者与网站的第一次互动作出反应所需的时间的测量。这有时被称为输入延迟。
一个互动可以是点击一个按钮,一个链接,或一个按键,以及随后的反应。文本输入区、下拉菜单和复选框是FID将测量的其他类型的交互点。
滚动或缩放不算是互动,因为网站本身没有预期的反应。
FID的目标是衡量一个网站在加载过程中的响应程度。
首次输入延迟的原因
首次输入延迟通常是由图像和脚本的非有序下载引起的。
这种无序的编码导致网页下载过度暂停,然后开始,然后暂停。这对试图与网页互动的网站访问者造成了无响应的行为。
这就像一个没有交通信号等所造成的交通堵塞。解决这个问题就是要给维持交通秩序。
谷歌对输入延迟的原因是这样描述的:
"一般来说,输入延迟的发生是因为浏览器的主线程正忙于做其他事情,所以它不能对用户作出反应。
发生这种情况的一个常见原因是,浏览器正忙于解析和执行由你的应用程序加载的一个大型JavaScript文件。
当它这样做的时候,它不能运行任何事件监听器,因为它正在加载的JavaScript可能会告诉它去做别的事情。"
如何解决输入延迟的问题
由于首次输入延迟的根本原因是脚本和图像的无序下载,因此解决这个问题的方法是将这些脚本和图像呈现给浏览器下载的方式变得有序。
解决FID的问题通常包括使用HTML属性来控制脚本的下载方式,优化图像(HTML和图像),并省略不必要的脚本。
其目的是优化下载的内容,以消除典型的暂停和开始下载无组织的网页的现象。
浏览器为何变得无响应
浏览器是完成任务以显示网页的软件。这些任务包括下载代码、图像、字体、样式信息和脚本,然后运行这些脚本,并根据HTML指令建立网页。
这个过程被称为渲染。渲染这个词的意思是 "制作",这就是浏览器通过组合代码和图像来渲染网页的工作。
各个渲染任务被称为线程,是 "执行线程 "的简称。这意味着一个单独的行动序列(在这种情况下,为渲染一个网页所做的许多单独的任务)。
在浏览器中,有一个线程叫做主线程,它负责创建(渲染)网站访问者看到的网页。
主线程可以被想象成一条高速公路,其中的汽车象征着一个人访问网站时正在下载和执行的图像和脚本。
有些代码又大又慢。这导致其他任务停下来,等待大而慢的代码离开高速公路(完成下载和执行)。
我们的目标是对网页进行编码,优化哪些代码先被下载,以及代码何时被执行,以一种有序的方式,使网页以最快的方式下载。
不要为第三方代码失眠
当涉及到核心网页指标,特别是第一输入延迟时,你会发现有一些代码是你无能为力的。然而,您的竞争对手也可能是这种情况。
例如,如果你的业务依赖于Google AdSense(一个大的渲染阻断脚本),那么这个问题对你的竞争对手来说也会一样。使用谷歌广告管理器的延迟加载等解决方案可以提供帮助。
在某些情况下,可能只要做到最好就够了,因为你的竞争对手也可能做得不好。
不要为那些你无法改变的损失而烦恼。
JavaScript对首次输入延迟的影响
JavaScript就像一个让事情发生小引擎。当在表单中输入一个名字时,JavaScript可能会在那里确保同时输入名字和姓氏。
当一个按钮被按下时,............. 原文转载:http://fashion.shaoqun.com/a/815767.html
ebay美国:https://www.ikjzd.com/articles/1770
dtd:https://www.ikjzd.com/w/1971
hts:https://www.ikjzd.com/w/525
阿里巴巴国际网站:https://m.ikjzd.com/w/1260
Prime Day公告已出!卖家需早做准备:https://m.ikjzd.com/articles/155905
注意!3500USD/箱!15000USD/箱!船公司警告这些情况要罚款!:https://m.ikjzd.com/articles/155904
纯干货!一文说透独立站全网营销(建议收藏):https://m.ikjzd.com/articles/155876
No comments:
Post a Comment