The secret change in Lighthouse 10

23/03/2023 33 min
The secret change in Lighthouse 10

Listen "The secret change in Lighthouse 10"

Episode Synopsis

In today's episode, we discuss the latest update to Google's Lighthouse tool. Version 10 introduces significant changes to the way Page Speed scores are calculated. We discuss the key features of the update and how they might affect website owners and developers. Upon closer inspection, we spotted an important change that hasn't been announced. So stay tuned for the episode!Highlights00:00 Intro00:10 What is Lighthouse?01:26 What is new?03:10 CLS metric07:09 Why some scores will decrease08:40 Using custom fonts12:29 FOUC and FOUT15:38 Rendering issues / Loading CSS17:48 Back/forward Cache20:43 Paste-preventing input22:50 Scoring Calculator25:34 Mobile device size29:14 Mobile layout30:50 Responsive imagesLinksPageSpeed test: https://pagespeed.web.dev/Announcement Blog Post: https://developer.chrome.com/blog/lighthouse-10-0/GitHub Release: https://github.com/GoogleChrome/lighthouse/releases/tag/v10.0.0Scoring Calculator: https://googlechrome.github.io/lighthouse/scorecalc/Cumulative Layout Shift (CLS): https://web.dev/cls/Flynt Starter Theme: https://flyntwp.com/More from BleechBlog Posts (WordPress Development)Flynt (WordPress Starter Theme)VRTs (Visual Tests for WordPress)Siegfried, deploy! (YouTube Channel)