First Input Delay is the time it takes for a page to respond to the user first actions while loading.
by
Janeth Kent
Date: 25-03-2021
First Input Delay (FID) is a Google usability metric that is part of the Core Web Vitals and, from May 2021, will be an SEO ranking factor.
FID is the time it takes for the browser to respond to the user's first interaction on a web page while it is loading. This metric is also known as Input Latency or Input Lag. Basically, it is the time that elapses between accessing the web page and being able to start interacting with it.
An interaction can be anything from clicking on a button, clicking on a link or using forms, text areas, menus and any other interactive element on the page. Scrolling down or zooming in and out do not count as interactions, as these are not responses of the page itself, but of the browser itself.
The purpose of the FID is to measure how responsive a web page is while it is loading.
What causes FID to be slow?
In short, any element that "weighs down" the design of the page. Most commonly, it is Java scripts that slow down the loading time the most. This is due to the fact that, on many occasions, the code is not well ordered, causing problems for the browser when reading it. Heavy images also tend to affect loading times and FID, as they "move" the page when they load.
In short, it would be like a traffic jam caused by bad signage, causing accidents and therefore slowing down all traffic.
How to improve the FID of a website?
The easiest way to fix FID problems is to use HTML attributes to organise the loading of images and scripts. At the same time, clean up the code and remove all unnecessary scripts, as well as optimise the images so that they load quickly.
On the other hand, there are slow script blocks that affect the vast majority of websites and for which there is still no solution. These are Google Adsense ads. To improve the FID, the "lazy loading" options can be configured in the Google Ad Manager control panel.
JavaScript scripts can also slow down the page and even block it. In this sense, if the link appears at the top of the code, the browser will try to render it earlier, which will end up blocking the loading. The most obvious solution is to place the link to the script at the bottom of the code, so that it does not interfere with loading.
However, this is not a great solution, as it will also crash the page when it reaches the end. In this case, the best solution might be to use the HTML "Defer" and "Async" tags, which tell the browser not to continue loading other elements of the page while it finishes rendering the script.
by
Janeth Kent Date:
25-03-2021
hits :
2125
Janeth Kent
Licenciada en Bellas Artes y programadora por pasión. Cuando tengo un rato retoco fotos, edito vídeos y diseño cosas. El resto del tiempo escribo en MA-NO WEB DESIGN AND DEVELOPMENT.
MENSAJE
OPERACIÓN EJECUTADA
We use our own and third-party cookies to improve our services, compile statistical information and analyze your browsing habits. This allows us to personalize the content we offer and to show you advertisements related to your preferences. By clicking "Accept all" you agree to the storage of cookies on your device to improve website navigation, analyse traffic and assist our marketing activities. You can also select "System Cookies Only" to accept only the cookies required for the website to function, or you can select the cookies you wish to activate by clicking on "settings".
These cookies are necessary for the website to function and cannot be disabled on our systems. They are generally only set in response to your actions in requesting services, such as setting your privacy preferences, logging in or completing forms. You can set your browser to block or alert you to these cookies, but some areas of the site will not work. These cookies do not store any personally identifiable information
Performance Cookies
These cookies allow us to count visits and traffic sources so that we can assess the performance of our site and improve it. They help us know which pages are the most or least visited, and how visitors navigate the site. All information collected by these cookies is aggregated and therefore anonymous. If you do not allow these cookies to be used, we will not know when you visited our site and will not be able to assess whether it worked properly
Functional Cookies
These cookies allow the website to provide better functionality and customization. They may be set by our company or by external providers whose services we have added to our pages. If you do not allow these cookies to be used, some of these services may not function properly
Targeted Cookies
These cookies may be set through our site by our advertising partners. They may be used by those companies to profile your interests and display relevant ads on other sites. They do not directly store personal information, but are based on the unique identification of your browser and Internet device. If you do not allow these cookies to be used, you will see less targeted advertising