Stack Overflow
Stack Overflow

Questions tagged [lighthouse]

Lighthouse is an open-source, automated tool for improving the quality of web pages. You can run it against any web page, public or requiring authentication. It has audits for performance, accessibility, progressive web apps, and more.

You can run Lighthouse from the command line, as a Chrome Extension, or as a Node module. You give Lighthouse a URL to audit, it runs a series of audits against the page, and then it generates a report on how well the page did. From there, use the failing audits as indicators on how to improve the page. Each audit has a reference doc explaining why the audit is important, as well as how to fix it.

756 questions
0
votes
1 answer

how to integrate lighthouse with git?

I'm trying to achieve something like github's support for closing tickets com the commit message, that is, if you issue git commit -m "fixes #4" github automatically closes the ticket #4 In this case I'm using lighthouse with a git repo, and I was…
opensas
  • 60,462
  • 79
  • 252
  • 386
-1
votes
1 answer

How to improve Largest Contentful Paint of next js application

I am facing Largest Contentful Paint time in next js. It will take 3sec to load the first contet in dom. want to improve web speed as well as mobile speed. on mobile application speed is 40% and on wen application speed is 85% . I need 95% speed on…
Manpreet singh
  • 1
  • 1
-1
votes
1 answer

Angular performance, total blocking time

In my Angular 16 application I am checking the performance via Checkly tool and via Chrome Lighthouse. The TTL - Total blocking time score - is totally different: 287 ms in Checkly and just 60 ms in Lighthouse. Why this difference? And, how can I…
Archimede
  • 699
  • 3
  • 15
  • 28
-1
votes
1 answer

optimizing performance for better metrics in lighthouse React App

hello everyone I am working on a big react app and my new task is about optimizing it's performance to get a better performance score in lighthouse the big issue that i have is about lcp(largest contentfull paint) the element that now is known as…
hamid-beigi
  • 23
  • 5
-1
votes
2 answers

How can I make links crawlable in a responsive menu on a webpage?

When I create a responsive menu on a webpage according to the really nice template at How TO - Responsive Top Navigation, Google Lighthouse claims that the links are not crawlable. How can I make the links crawlable?
Peter206
  • 114
  • 1
  • 8
-1
votes
1 answer

How to fix Image elements do not have explicit width and height in gatsby?

PageSpeed Insights warning me: Set an explicit width and height on image elements to reduce layout shifts and improve CLS.
Kowsigan Atsayam
  • 446
  • 1
  • 9
  • 20
-1
votes
1 answer

Google Lighthouse and SVGs with preserveAspectRatio="none"

Google Lighthouse has a red triangle error which significantly impacts the Best Practices score: Displays images with incorrect aspect ratio I can understand why this would be regarded as an error with fixed-dimension raster images (and also with…
Rounin
  • 27,134
  • 9
  • 83
  • 108
-1
votes
1 answer

Lighthouse Mobile scores does not cross 90 (currently ~85). Struggling from the past few days how to get this right

Mobile scores does not cross 90. The reason given: the main-thread work. But, I've even reduced the components being displayed by using "display: none" for certain section on mobile. Despite that doesn't alter at all. What should I be doing? The…
viv
  • 166
  • 1
  • 11
-1
votes
2 answers

Add explicit width and height on all images with JS/Jquery

It is now important for google to add explicit width and height on image, Now I have to add this manually on all my client sites, is there any way to add these attr on all images with JS/Jquery ? And pass the google pagespeed test. I have tried…
Danish Adeel
  • 728
  • 4
  • 11
  • 27
-1
votes
1 answer

Wordpress > change x-robots-tag

I have a Wordpress site that uses the Astra theme. In Chrome's Lighthouse tab it states: Page is blocked from indexing Blocking Directive Source x-robots-tag: noindex, nofollow However: In Wordpress (Settings > Reading) the box is unchecked for…
Nick
  • 3,496
  • 7
  • 42
  • 96
-1
votes
1 answer

Poor Chrome Dev tools:Lighhouse performance results. How can I improve?

I'm a ML pro getting up to speed on frontend. For this site of ours, https://discover.doveltech.com/ I'm getting a 12/100 on performance. I think it may have to do with our React webapp that takes 12MB in fixed assets. Can someone take a look at it…
Bo Peng
  • 561
  • 2
  • 8
  • 17
-1
votes
1 answer

Laravel Lighthouse Error: Response not successful: Received status code 500

I'm using laravel lighthouse for graphql and I'm encountering this error when writing graphql queries in lighthouse playground: ServerError: Response not successful: Received status code 500 bundle.esm.js:69 POST http://127.0.1.4/api 500 (Internal…
Alireza A2F
  • 519
  • 4
  • 26
-1
votes
2 answers

Lighthouse returned error: generic::internal: APP::1: Abnormal renderer termination, status = crashed

I'm getting this error: Lighthouse returned error: generic::internal: APP::1: Abnormal renderer termination, status = crashed exit_code = 1 For one of the websites I work on https://www.tronitechnik.de I'm tested it with:…
tronitechnik
  • 1
-1
votes
1 answer

Chrome lighthouse score gives poor scores on different systems

We are using chrome lighthouse extension for running tests on our pages and improves performances score. We have however a problem. On a MacBook Pro-2015, we get a 94 performance score and also 94 performance score in a Windows virtual machine…
Alex Freeman
  • 233
  • 5
  • 15
-1
votes
1 answer

Closing the first tap when launching chrome which is a local path

I wanna close the first tap and leave only the blank tap Here's a pic showing what i mean . Here's my code const fsExtra = require('fs-extra') const chromeLauncher = require('lighthouse/chrome-launcher/chrome-launcher'); const CDP =…
Omar Abd El-Naser
  • 684
  • 7
  • 20
1 2 3
…
50
51