Anonymous
July 26, 2020 at 12:06 pm
Hi
I am having some issues with kt-icon.woff2 which I wondered if you could help with.
1. When I look at google page speeds, I see a suggestion to Preload key requests for …fonts/kt-icon.woff2?62sx4n. I have tried to implement this by adding the following to Theme Options > Header and Footer Scripts > Header Output:
<link rel="preload" href="/wp-content/themes/ascend_premium/assets/css/fonts/kt-icon.woff2" as="font" type="font/woff2" crossorigin>
I have tried with and without the query string for the font file and also tried crossorigin param in this format and crossorigin=”anonymous”.
It appears successful in as much that I can see it preloading in the source code but Google still suggests I preload this key request – sometimes adding as much as 2.5 seconds delay AND at the same time warns me “The resource *Login to see link was preloaded using link preload but not used within a few seconds from the window’s load event. Please make sure it has an appropriate as value and it is preloaded intentionally.”
Attached image is the Preload suggestion when preloading header is active.
So it seems to be preloading but I don’t know why it’s not being used. Can you shed any light on this?
2. I then searched the forums to see if this had come up before and saw that it was to do with icons. So I switched to minimal icons per the advice in one post (Theme Options > Misc Settings > Icons) to stop the file being used, purged caches and checked again, but the file is still being loaded and still suggests preloading.
3. Finally, I also get a warning about this in page speeds:
Ensure text remains visible during webfont load
Warnings: Lighthouse was unable to automatically check the font-display value for the following URL: *Login to see link
Can you suggest how I can stop this file loading altogether or ensure that it does preload successfully?
Thanks
Dom