本文深入探讨了First Input Delay（FID）指标，解释了其衡量的是用户首次交互时浏览器处理事件的延迟时间。好的FID得分应在100ms以内。文章详细介绍了FID的内容，测量方法以及为何只考虑第一次输入。优化FID主要涉及减少第三方代码、缩短JS执行时间、减少主线程工作和减小请求大小。FID对于提供良好的用户体验至关重要。
众所周知，第一印象很重要，不仅是在与人交流上，在构建web体验的时候也是如此。
在web上，一个好的第一印象是决定用户去留的关键。那么问题来了，怎样才能留下好的第一印象，怎样测试你的网站给用户留下的第一印象？
在web上，第一印象也分很多方面：站点设计、视觉体验、速度和响应。
很难用API去测试一个网站的设计和视觉，但却可以测试速度和响应。
测试你的站点给用户的第一印象加载多快，可以通过 FCP 的指标。但在屏幕上绘制像素仅仅是这个故事的一部分，同样重要的，还有你的网站对用户的交互响应有多快。
FID(First Input Delay) 的指标可以帮你测试用户对你站点的交互响应的第一印象。
什么是FID？
FID 测量的是当用户第一次在页面上交互的时候（点击链接、点击按钮或者自定义基于js的事件），到浏览器实际开始处理这个事件的时间。
好的FID得分多少？
75%的用户在100ms以内。
FID具体内容
开发者编写了事件响应代码，我们通常认为这个代码会在事件触发的时候立刻响应。但是从用户角度上看，经常与预期相反，我们在手机上打开一个网页，试图去点击按钮或者滑动页面，然而什么也没有发生。
通常，输入延迟发生在主线程忙的时候，
最低0.47元/天 解锁文章
1812
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
