Archived topic
Mobile Largest Contentful Paint
2 replies · Started by Patrick on November 15, 2020
Hi,
Like a lot of people, I'm working on making sure the core web vitals on my site are all where they need to be. I'm getting a really high largest contentful paint for mobile when I test it in PageSpeed Insights. Any guidance you all can provide would be appreciated. (test page in the private info section)
Thanks,
Pat
Hi Pat,
I'm not seeing anything overly obvious. Loading jQuery definitely isn't helping, and it seems like Thrive is loading some frontend assets that aren't helping, either.
When you create a fresh page with nothing but text (no Thrive) on it, what kind of difference are you seeing?
Hi there,
i had a quick look - there is a slow FCP time, which ideally is what should be tackled first as any improvements made here will trickle down to all other metrics.
Things i see:
1. A number of fonts are being preloaded. Thoughts:
Can the number of fonts be minimised.
May be better to set a font-display rule for a fallback font instead of preloading.
2. Requests to amazon servers. Adding a preconnect for those URLS may reduce the DNS lookup time later in the load.
3. Theres a bunch of JS files being requested up front without optimization.
The best way to see what is causing the biggest issues is to open the site in Chrome, open Dev Tools, and on network tab Disable Cache and change Online to Slow 3g. With the dev tools open, refresh the page and check the waterfall report.
