Site logo

Archived topic

How to pre load the heading for posts and pages (H1)

4 replies · Started by Hugo on October 8, 2021

Viewing posts 1–5 of 5

Hi there,
So I'm working on my core web vitals and improve Largest Contentful Paint specifically.

The largest content above the fold is the H1 so I was wanting to preload it to improve it's load time so I pass it for core web vitals.

Just wondering How I would go about that.

Hi there,

you can only preload resources such as images, fonts, stylesheets etc. you can't preload HTML.

Slow LCP times are rarely related to the LCP element listed. And this is always the case when your LCP is a H1 or other HTML text element.

The main issue with slow LCP is the other 'stuff' the browser has to do before it can display the element.
If you run the Google page speed insights report you will see the recommendations it makes to improve loading times.
However, Google has a nasty habit now of not showing you all the info... such as the impact that Google Fonts or Google Ads have on your site loading....

My approach would be:

1. Fonts - using Google fonts can be a major factor on poor performance. Some options:
a) Remove unused font variants to lighten the load: https://docs.generatepress.com/article/google-font-variants/
b) Load the Fonts Locally: https://docs.generatepress.com/article/adding-local-fonts/
c) Most extreme saving is to not use Google Fonts - just use the System font.

2. Combined CSS ( via the SG Optimizer ) - this can sometimes slow down the loading of your site. Disable it and retest to see if it improves

Thanks David.

That sorted it.

Glad to hear it!

This archived topic is closed to new replies.