ZDS-Services - Blog โ€“ Google

INP: Update from Google

Google is replacing FID in Core Web Vitals with INP, a new metric with different target values. Website operators should look at INP to improve the responsiveness of their website. ๐Ÿ”œ This change comes into force on 4 March 2024.

ย 

INP replaces FID๐Ÿ‘ฉโ€๐Ÿ’ป

In 2021, the Core Web Vitals were introduced, which include three measures of a website’s user experience. The Largest Contentful Paint (LCP) evaluates loading performance, the Cumulative Layout Shift (CLS) measures stability, and previously the First Input Delay (FID) referred to interactivity. User-friendliness was considered good if the value was less than 100 milliseconds.

ย 

Target: Less than 200 millisecondsโฐ

Ideally, a user click should be processed within 100 milliseconds in order to trigger the corresponding event handler. According to the Google website, different values now apply for INP: less than 200 milliseconds is considered good responsiveness, while values between 201 and 500 milliseconds signal a need for improvement. Over 500 milliseconds indicates poor responsiveness. Various tools are available to monitor these values, both from Google and from other providers. We have compiled an overview.

ย 

Tools๐Ÿ› ๏ธ

The Google Site Kit is the official tool and optimises WordPress websites by integrating various Google tools such as Pagespeed Insights.


Web Vitals is a Chrome extension for measuring web vitals. According to the description in the Chrome Web Store, it offers three core functions, including a drill-down in the pop-up.


Chrome Web Vitals Libary, available via GitHub, measures various web vitals data, focussing on data from actual visitors. It is particularly useful for acute website problems.


Debugbear monitors page speed by crawling the website to identify potential disruptive factors and provide optimisation suggestions.


Treo Site Speed is a free tool that checks the page speed by simply entering the URL. It also allows you to check other websites.

Teile diesen Artikel

Related Posts

What are the benefits of heat maps?

๐—ช๐—ฎ๐˜€ ๐—ฏ๐—ฟ๐—ถ๐—ป๐—ด๐—ฒ๐—ป ๐—›๐—ฒ๐—ฎ๐˜๐—บ๐—ฎ๐—ฝ๐˜€? A heatmap is a powerful tool ๐Ÿ› ๏ธ for analysing user behaviour on your website. It shows which areas are most frequently viewed,

Weiterlesen ยป