Archived topic
Placing preload in the header
3 replies · Started by Dave on February 25, 2021
Hi, like many I'm looking into Core Web Vitals at the moment, and Page speed Insights is recommending I use <rel link=preload> for the fonts: https://titanicfacts.net/wp-content/themes/generatepress/assets/fonts/generatepress.woff2
I've added the following to the header...
<link rel="preload" as="font" href="https://titanicfacts.net/wp-content/themes/generatepress/fonts/generatepress.woff2" type="font/woff2" crossorigin="anonymous">
...but I'm guessing it is not getting picked up by Insights because it appears after the stylesheets are called...
<link rel='stylesheet' id='generate-style-css' href='https://titanicfacts.net/wp-content/themes/generatepress/assets/css/all.min.css?ver=3.0.2' media='all' />
<link rel='stylesheet' id='generate-font-icons-css' href='https://titanicfacts.net/wp-content/themes/generatepress/assets/css/components/font-icons.min.css?ver=3.0.2' media='all' />
Am I correct (I'm not a developer) and is there a recommended fix?
Many thanks
Dave
Hi there,
simplest fix is to go to Customizer > General and change the Icon Type to SVG.
This will remove the need for that font request.
Thank you David. I'd done that too but hadn't realised I can remove the preload instruction as a result. I have now and its worked. You star :)
Glad to be of help!
