What I actually want to understand is that what type of links should be preloaded. I am currently preloading 5 font links of which two are theme font links, and others are font links for wpdiscuz and easy table of contents.
Should I exclude font links for plugins like wpdiscus and only include theme fonts in preload? Also are they always loaded even if not used on mobile for example.
the reason why preloads are marked as “to be used sparingly” is that a file that gets preloaded “eats” bandwidth which in low bandwidth scenario’s might disavantage other resources which are more or equally important.
so there’s no right or wrong here, test (looking at the mobile results on pagespeed insights and webpagetest.org on a low bandwidth connection) and compare main KPI’s while adding/ removing preloads?
frank
Thanks, I’ll test it. Actually I thought that comments are below the post and not needed to be loaded early. And tables of contents are not visible and opened by clicking a button so they don’t need to be preloaded. Does that make sense? or am I missing something?
Also for example I have some tables that are not used on mobile, but most visitors are on mobile, in that case preloading it make sense? Are they preloaded even if not used?
Are they preloaded even if not used?
that, exactly, is the issue; everything you add there is preloaded, used or not.
generally I recommend following Pagespeed Insights’ lead; if they say preload you preload, otherwise don’t?
I can preload them but what’s the point of preloading wpdiscuz’s font for example? Most users will not even see it. Doesn’t preloading it worsen real Pagespeed stats in this case?
I’ve just tested in 3g slow connection. There is a increase in speed index, FCP, LCP, etc. when I preload 5-6 links instead of just 2 theme fonts. In Pagespeed Insight, there is not much difference though it shows huge estimated saving in fixing preload issue.
yeah, the estimated savings are often crazy high 🙂
I would go with combination of preloads that yield the best results, but indeed preloading fonts for text that is not above-the-fold seems not to make much sense.
Hi, I am getting this error, why is that?
The resource https://………………font….woff2 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.
Could you take a look at these: https://stackoverflow.com/questions/49674092/preloading-font-with-rel-preload
https://stackoverflow.com/questions/47607567/warning-that-font-preload-was-not-used-within-a-few-seconds-from-the-windows-lo
I didn’t understand if they are not used or there is a problem with the implementation of preload.
Check the HTML source to make sure the woff2 file is loaded as="font" (which AO should do).
If that is the case, the problem is that GSPI thinks that the fond indeed is not used, so you might as well remove it from the preload list?
