search

GoogleChrome / lighthouse

Automated auditing, performance metrics, and best practices for the web.
https://developer.chrome.com/docs/lighthouse/overview/
Apache License 2.0
28.05k stars 9.33k forks source link

INP report in Detail #15868

Closed kumarmahendra closed 3 months ago

kumarmahendra commented 3 months ago

Background: I have been trying to work on INP improvements but all I get in Search console is that this particular page has INP which is more than 200ms but it does not specify which button, which click is taking that much time?

Issue: The current lighthouse report does not have INP related information but the pagespeed site has a CruX report in which INP is mentioned. It doesn't specify which click /button or action is taking the maximum time? Please add this information in the report so we can fix it.

Suggestion: Like you guys provide the exact element / div /image which is causing CLS etc please provide the exact action /click which is inceasing the INP time.

kumarmahendra commented 3 months ago

The webvital plugins / chrome extensions always show the INP less than 200ms but the Search console shows issues in the same page. IT would be helpful to have a section dedicated to INP in lighthouse report.

adamraine commented 3 months ago

I have been trying to work on INP improvements but all I get in Search console is that this particular page has INP which is more than 200ms but it does not specify which button, which click is taking that much time?

I can't speak for search console, but it's possible you are seeing aggregated data from many different interactions. So showing a single user interaction on a specific element wouldn't make sense.

The current lighthouse report does not have INP related information but the pagespeed site has a CruX report in which INP is mentioned. It doesn't specify which click /button or action is taking the maximum time? Please add this information in the report so we can fix it.

The current Lighthouse navigation report does not include INP because it requires a user interaction to test. INP can be tested using timespan mode in a user flow.