How I doubled my lighthouse score in one night | Ben Myers

A very interesting rundown of some common performance checks and techniques that Ben went through to boost their lighthouse score from <50 to >95! I was particularly interested that font subsetting didn't have a huge impact on the score, despite reducing the download size by 44%, but that's still a significant saving and well worth it in my book. Equally, the impact of the native YouTube embed was slightly terrifying, and I'll definitely consider lite-youtube-embed for any future projects that need similar integration:

This move away from YouTube's proprietary embeds ended up being a huge lift for my performance, bringing my homepage's Lighthouse performance score from a poor 48 up to a respectable 81 out of 100. I'd heard just how devastating third-party scripts and trackers can be for a site's performance, and this change really hammered that home for me.

Explore Other Notes

⬅ Newer

Are you sure that's a number input?

I often find myself a little unsure of when to use a number input, but Kilian has put together a detailed (yet brief) overview of exactly when it is (and isn't) appropriate. The tl;dr is beautifully …

Older ➡

Chelsea beavers

The idea of bringing a small slice of beaver fenland to the stereotypically prim, proper, and incredibly overly managed Chelsea Flower Show is a great one, and serious props to the team for not only …

  • <!DOCTYPE html> <html> <head> <title></title> </head> <body> <p>A very interesting rundown of some common performance checks and techniques that Ben went through to boost their lighthouse score from &lt;50 to &gt;95! I was particularly interested that font …</p> </body> </html>
  • Murray Adcock.
Journal permalink