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 […]
  • 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 [&#8230;]
  • Murray Adcock.
Journal permalink

Made By Me, But Made Possible By:

CMS:

Build: Gatsby

Deployment: GitHub

Hosting: Netlify

Connect With Me:

Twitter Twitter

Instagram Instragram

500px 500px

GitHub GitHub

Keep Up To Date:

All Posts RSS feed.

Articles RSS feed.

Journal RSS feed.

Notes RSS feed.