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!
Highlights
00:00 Intro
00:10 What is Lighthouse?
01:26 What is new?
03:10 CLS metric
07:09 Why some scores will decrease
08:40 Using custom fonts
12:29 FOUC and FOUT
15:38 Rendering issues / Loading CSS
17:48 Back/forward Cache
20:43 Paste-preventing input
22:50 Scoring Calculator
25:34 Mobile device size
29:14 Mobile layout
30:50 Responsive images
Links
PageSpeed 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.0
Scoring Calculator: https://googlechrome.github.io/lighthouse/scorecalc/
Cumulative Layout Shift (CLS): https://web.dev/cls/
Flynt Starter Theme: https://flyntwp.com/
More from Bleech
Blog Posts (WordPress Development)
Flynt (WordPress Starter Theme)
VRTs (Visual Tests for WordPress)
Siegfried, deploy! (YouTube Channel)