Skip to main content
CSS-Tricks
Since 2007
  • Articles
  • Almanac
  • Guides
  • Links
  • Newsletter
  • Shop
  • Account
  • Search

Articles Tagged
lighthouse

8 Articles
cache DevTools gzip lighthouse performance

Fixing a slow site iteratively

Site performance is potentially the most important metric. The better the performance, the better chance that users stay on a page, read content, make purchases, or just about whatever they need to do. A 2017 study by Akamai says as …

By Kealan Parr on Apr 1, 2021
build tool lighthouse performance performance budget

Continuous Performance Analysis with Lighthouse CI and GitHub Actions

Lighthouse is a free and open-source tool for assessing your website’s performance, accessibility, progressive web app metrics, SEO, and more. The easiest way to use it is through the Chrome DevTools panel. Once you open the DevTools, you will see …

By Ayooluwa Isaiah on Dec 23, 2020
font loading lighthouse rendering

How to Load Fonts in a Way That Fights FOUT and Makes Lighthouse Happy

A web font workflow is simple, right? Choose a few nice-looking web-ready fonts, get the HTML or CSS code snippet, plop it in the project, and check if they display properly. People do this with Google Fonts a zillion times …

By Adrian Bece on Nov 24, 2020
core web vitals DevTools lighthouse performance

Core Web Vital Tooling

I still think the Google-devised Core Web Vitals are smart. When I first got into caring about performance, it was all: reduce requests! cache things! Make stuff smaller! And while those are all very related to web performance, they are …

By Chris Coyier on Oct 26, 2020
jamstack lighthouse performance

Make Jamstack Slow? Challenge Accepted.

“Jamstack is slowwwww.” That’s not something you hear often, right? Especially, when one of the main selling points of Jamstack is performance. But yeah, it’s true that even a Jamstack site can suffer hits to performance just like any other …

By Steve Keep on Jul 15, 2020
lighthouse node performance

Build a Node.js Tool to Record and Compare Google Lighthouse Reports

In this tutorial, I’ll show you step by step how to create a simple tool in Node.js to run Google Lighthouse audits via the command line, save the reports they generate in JSON format and then compare them so web …

By Luke Harrison on Mar 16, 2020
lighthouse performance seo

How Google PageSpeed Works: Improve Your Score and Search Engine Ranking

In this article, we uncover how PageSpeed calculates it’s critical speed score.

It’s no secret that speed has become a crucial factor in increasing revenue and lowering abandonment rates. Now that Google uses page speed as a ranking factor, many organizations have become laser-focused on performance.

By Ben Schwarz on Jul 25, 2019
lighthouse performance budget

Your first performance budget with Lighthouse

Ire Aderinokun writes about a new way to set a performance budget (and stick to it) with Lighthouse, Google’s suite of tools that help developers see how performant and accessible their websites are:

Until recently, I also hadn’t setup

…
By Robin Rendle on Jun 7, 2019
CSS-Tricks star logo

Sponsor CSS-Tricks!

We've got lots of ways to help you connect with the greatest front-end community in all the land.

CSS-Tricks Newsletter

Sign up to get front-end roundups, browser updates, and exclusive content sent to your inbox bi-weekly.

Ads are self-hosted

Ad

CSS-Tricks Members

Join our community of front-end nerds! You'll get into the Discord server and member-only perks and free swag.

Ad

CSS-Tricks Newsletter

Sign up to get front-end roundups, browser updates, and exclusive content sent to your inbox bi-weekly.

Ad

CSS-Tricks Store

Get your t-shirts, prints, stickers, and yes, even mousepads at the brand-spankin' new CSS-Tricks store, now open.

CSS-Tricks is powered by a small team of real-life humans.

Get Curated Front-End Roundups Right in Your Inbox

Coming back November 10! See past issues →

CSS-Tricks
  • Guest Writing
  • Memberships
  • CSS-Tricks Store
  • Support Us
  • Advertising
  • Contact Us
Social
  • RSS Feeds
  • Bluesky
  • Mastodon
  • CodePen
  • X / Twitter
  • LinkedIn
Legalese
  • CSS-Tricks License
  • AI Statement
  • Terms of Use
  • Privacy Policy
Back to Top