Re: [web-vitals-feedback] lighthouse npm module support for INP - question

[Gilberto Cocchi]

Hi Anat, would you be happy to provide feedback about Lighthouse here? https://github.com/GoogleChrome/lighthouse

I believe the Github issue would work best to provide feedback about this specific issue with LH Timespan.

On Sun, Aug 7, 2022 at 10:37 AM 'Anat Dagan' via web-vitals-feedback <web-vital...@googlegroups.com> wrote:

Hi, 

I see some conflicting information regarding whether the lighthouse npm module supports INP.

 I've tried running the example script with timespan from this page: https://web.dev/lighthouse-user-flows/

And I don't see any INP results.

Is it supported?

Thanks

--
You received this message because you are subscribed to the Google Groups "web-vitals-feedback" group.
To unsubscribe from this group and stop receiving emails from it, send an email to web-vitals-feed...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/web-vitals-feedback/caa89e87-2000-44a0-b7d7-b0e96fbbb7fen%40googlegroups.com.

--

gTech Up

Gilberto Cocchi Web Ecosystem Consultant gilb...@google.com +39 02 3661 8337

Google Italy | Via Federico Confalonieri 4 | Porta Nuova Isola | Building C | Milan 20124

Registered in Milan, Italy

This email may be confidential and privileged. If you received this communication by mistake, please don't forward it to anyone else, please erase all copies and attachments, and please let me know that it has gone to the wrong person.

The above terms reflect a potential business arrangement, are provided solely as a basis for further discussion, and are not intended to be and do not constitute a legally binding obligation. No legally binding obligations will be created, implied, or inferred until an agreement in final form is executed in writing by all parties involved.

[Anat Dagan]

Sure, I'd be happy to. 

[Brendan Kenny]

Hi Anat!

That's expected. The released lighthouse npm module has supported INP since 9.6.1 (from May 2022), but that article's timespan example only includes interaction by scrolling, and scrolling interactions aren't included in INP. You should still see an empty `Interaction to Next Paint: --` entry in the lighthouse report, however.

Maybe it would be helpful to add an example that triggers INP?

Brendan

[Anat Dagan]

Hi Brendan,

This is my example:

async function captureReport() {
const browser = await puppeteer.launch({headless: false, executablePath: '/Applications/Google Chrome Canary.app/Contents/MacOS/Google Chrome Canary'});
const page = await browser.newPage();
// Get a session handle to be able to send protocol commands to the page.

const testUrl = 'https://www.eonline.com/news/1340819/the-true-story-of-the-hillside-strangler-will-give-you-nightmares';
const flow = await startFlow(page, {name: 'CLS during navigation and on scroll'});
await flow.navigate(testUrl, {stepName: 'Navigate only'});

// Regular Lighthouse navigation.
// Navigate and scroll timespan.
await flow.startTimespan({stepName: 'Navigate and scroll'});

await page.goto(testUrl);
const firstSelector = "button.social-share__fb-button"

await page.waitForSelector(firstSelector)
const [btnToComments] = await page.$x(firstSelector)
if (btnToComments) {
btnToComments.click();
}
await flow.endTimespan();

await browser.close();

const report = await flow.generateReport();
fs.writeFileSync('flow.report.html', report);
open('flow.report.html', {wait: false});
}

captureReport();

Thank you very much!

Anat