page speed optimization: Preload fonts (navigation pro)

[Dadao]

Hey guys,

I tried everything but nothing worked. In page speed insights I get asked to preload important stuff like this one: wp-content/themes/navigation-pro/lib/fonts/ionicons.woff2?v=4.6.3

I found several articles online saying I need to put the following in the head via function.php:

/** Head Font Preloading **/
function font_preloading_preload_key_requests() { ?>
<link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/navigation-pro/fonts/Aileron-Regular.woff2" crossorigin="anonymous">
<link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/navigation-pro/fonts/Roboto-Light.woff2" crossorigin="anonymous">
<link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/navigation-pro/lib/fonts/ionicons.woff2?v=4.6.3" crossorigin="anonymous">
<?php }
add_action( 'wp_head', 'font_preloading_preload_key_requests' );

I tried, but nothing changed. Any Idea?

Thx in advance for ur help!

https://esario.de/wissen/yoga/

[Matt M.]

Somebody correct me if I'm wrong please, but I don't think you can preload fonts on your own domain. Preloading is for external resources.

[chakkra101]

If you don't mind to use plugin try this one, Asset CleanUp. The main feature is unload unnecessary plugins' javascript or stylesheet. Go to 'Settings' --> 'Google Fonts' section to add preload fonts.

[Dadao]

Awesome man, exactly what I was looking for! Thx so much for this hint!!! The Google Fonts: Load Optimizer solved the problem.

[Author]

Posts