I have a page which contains a list of items. Each item contains a 'Read more' link that points to a different page. But when I run the lighthouse tool on that page, it complains that links do not ...

I want to improve Google Lighthouse score of a web application built using Vuetify. To increase the performance score, I have been trying to get rid of the diagnostics: Ensure text remains visible...

When running a Next.js (v14) site through Google Lighthouse CSS files served on my App Router always get flagged as a render-blocking resource. When using the Page Router this isn't an issue, as Ne...

I am trying to use PageSpeed Insights in Google Search Console for Weebly/Square website and getting an error: Lighthouse returned error: NOT_HTML. The page provided is not HTML (served as MIME typ...

I built my first Progressive Web App (PWA) in react js. When I click on Generate report on Chrome's Audit tab in DevTools, it is showing the message lighthouse is warming up forever. My chrome ver...

I'm trying to integrate Lighthouse tests in Playwright with playwright-lighthouse package. Unfortunately I get this error: Error [ERR_REQUIRE_ESM]: require() of ES Module C:\pw-lhc-tests\node_modul...

If we want to use different pictures of different sizes according to a screen break. What would be the best way to approach this? For instance <picture class="image-wrapper"> <s...

The image is working just fine. Here is the code <Image layout="fixed" src="/images/example.jpeg" alt="Example image" width="140" height="140&qu...

One of the recommendations I get when I audit my website using https://web.dev/measure, is "Serves images in low resolution". As you can see from the screenshot below, my displayed image ...

I am running the Google Page Speed test for https://www.oceanluxe.com.au and get the following message: > Lighthouse returned error: NO_FCP. Something went wrong with the recording > the tra...

I have a website that I'm trying to optimize lighthouse page speed ranking. I just switched from SSR with nginx caching to next export using exportPathMap and getInitialProps (also with nginx cachi...

Light House audit is suggesting that I preload key requests, specifically the two google fonts that I'm using in my React app. A Light House member suggested using: <link rel="preload" as="styl...

I displayed the svg logo using the Next.js Image tag. import Image from "next/Image" export default function Home() { return ( <div> <Image width={32} height={32} src="...

I've been trying to optimize my webpage using lighthouse report. one of the performance diagnostics says to increase caching lifetime for my static files. The files indicated in report are main...

I am trying to audit my application on Chrome Lighthouse, but I can't get Service Worker working. It is registered and running with no error, but when I try to run Lighthouse it gets stuck and cons...

Here are the steps I used to generate the report on which my question below derives: Launch this url on chrome browser: "https://www.americanexpress.com/us/credit-cards/business/" Open d...

I get the following from Lighthouse: How do I change the Cache TTL on a Nuxt.js SSR website? I found some answers but nothing about Nuxt.js... IMPORTANT: Deployed in Google App Engine

When I run Lighthouse for the project I am working on, I get chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/react_devtools_backend.js as no1 causer of unused JS. How is that making sens...

I am using gulp for a project and I added lighthouse to the gulp tasks like this: gulp.task("lighthouse", function(){ return launchChromeAndRunLighthouse('http://localhost:3800', flags, perfConf...

I have this nextjs application and lighthouse keeps telling me to remove unused chunks. …chunks/26c47f1….6971807….js 410.0 KiB 399.8 KiB …chunks/25.91c4046….js 437.6 KiB 392.5 KiB …chunks/30.3fdf5...

We are seeing very inconsistent performance scores in web.dev with our NextJS application. At first, we had around 30 performance so we started optimising. Now we are at around 90 with a margin of ...

I have this tab How do I get rid of it or hide it?

I'm preloading google fonts as follows <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preload" href="https://fonts.googl...

I'm building a blogging plugin that enables commenting on specific pages. The way it works at the moment is that you include a js script in your html page, which then triggers at load time and adds...

Lighthouse suggesting to fix my a href text I have a html like that <a href="https://twitter.com/@some-name-here" target="_blank" rel="noopener" class="social-icon twitter grayscale"></...