Site performance with Lighthouse
β’ 142 words β’ 1 min β’ updated
Lighthouse can be used to assess overall site performance. There is a myriad of ways to run it:
- Google (cloud): https://pagespeed.web.dev/
- Chrome DevTools (locally): Lighthouse tab
- CLI tool: https://github.com/GoogleChrome/lighthouse
- Github Actions: https://github.com/GoogleChrome/lighthouse-ci
It has four metrics scored from 0 to 100 each:
- performance
- accessibility
- best practices
- SEO
I ran it against my blog.
My score was 100 / 83 / 96 / 100, respectively, which is quite good. It’s not unexpected either, because I am running a static website.
It offered me a couple of suggestions:
β Image elements do not have explicit width and height β Serve images in next-gen formats Potential savings of 18 KiB β Serve static assets with an efficient cache policy 2 resources found β Properly size images Potential savings of 23 KiB
I addressed most of the suggestions.
Cloudflare also has a similar scan: Cloudflare Radar.