El First Input Delay (FID) es una Usability metric from Google, which is part of the Core Web Vitals and will be an SEO positioning factor from May 2021.
The first entry delay is the time it takes for a page to react to the first user actions while loading.
The FID is the time the browser needs respond to the first interaction of the user on a webpage while it is loading. This metric is also known as input latency or input delay. Entrance delay. Basically, it’s about the time between accessing the website and being able to interact with it.
Interaction can be by clicking a button, clicking a link, or using forms, text areas, menus, and other interactive elements on the page. Scrolling down or zooming in do not count as interactions as they are not responses from the page but from the browser itself.
The purpose of the FID is to measure how quickly a webpage responds when it loads.
What Makes the FID Slow?
In short, every element that “weighs” in the design of the page. Most common is that they are Java scripts those who delay the burden the most. This is because, in many cases, the code is not well ordered and therefore causes problems with the browser reading it. The Images with a lot of weight They also tend to affect load times and the FID as they “move” the page as it loads.
In short, it would be like a traffic jam caused by poor signage causing accidents and therefore slowing down all traffic.
How can you improve the FID of a website?
The easiest way to troubleshoot FID problems is to use it HTML attributes to organize the loading of images and scripts. At the same time, you’re cleaning up the code, removing any unnecessary scripts, and tweaking the images to load quickly.
On the other hand, there are slow script blocks that affect the vast majority of web pages and for which there is still no solution. These are the Google Adsense ads. With this in mind, you can configure the options of to improve the FID “lazy shop” (slow loading) from the Google Ad Manager control panel.
JavaScript scripts can also slow down the page and even block it. With this in mind, if the link appears in the at the top of the codeThe browser will try to render it earlier, which will block the load. The most obvious solution is to reposition the link to the script in the lower part of the code so that it doesn’t interfere with loading.
However, this isn’t a great solution because the page ends up crashing too. In this case, the best solution might be to use the tags HTML «defer» and «async»that instruct the browser to stop loading other elements of the page while the script is finished rendering.
