Something else to consider is adding a media query to the preload links in case the font is only LCP or visible on certain viewport sizes. - ThreadSky

About ThreadSky

weston.ruter.net • 44 days ago

Something else to consider is adding a media query to the preload links in case the font is only LCP or visible on certain viewport sizes.

Comments

weston.ruter.net•44 days ago

I did some benchmarking to see if preloading fonts would improve performance but unfortunately in my test I saw the opposite where it increased LCP, which was very confusing to me: https://github.com/WordPress/performance/issues/1313#issuecomment-2499165109

weston.ruter.net•44 days ago

This is in the context of Performance Lab where I was wanting to implement the automatic addition of the font preload links via Optimization Detective.

kaspars.damb.is•43 days ago

Yeah, I saw similar behavior with throttled connections. Could this be related to the available bandwidth and the extensive amount of resources being requested in parallel?

weston.ruter.net•43 days ago

My tests were without throttling 🤔

kaspars.damb.is•43 days ago

Just created this repository https://github.com/wpelevator/perf-bench for testing all the possible scenarios. I'm seeing the LCP being triggered before the fonts are loaded even if font-display is set to block.

kaspars.damb.is•43 days ago

That’s a great idea! Probably hard to do it automatically but could be made configurable.

Posting Rules

Be respectful to others
No spam or self-promotion
Stay on topic
Follow Bluesky's terms of service

Comments

Posting Rules

Reply