Flaticon.Woff nasıl önce yüklenir?

pagespeed de karşıma hata olan çıkan ve wordpress sitemi yavaşlatan şu iki fontu nasıl halledebilirim?

ek kod ile çözmüştüm ben kendi sitemde
bu konuda gördüm: https://www.r10.net/1078598193-post18.html
asıl konu: https://www.r10.net/google-optimizas...078598193.html

Edit: ben yedek alıp yaptım ne olur ne olmaz diye

<link rel="preload" as="font" crossorigin type="font/woff2" href="bu alana sitenden gelen fontun linki olacak?v=4.7.0">

bende font/woff2 fontu sorundu böyle ekledim. Sizde sorun neyse onu ekleyeceksiniz.

Bu kodu düzenleyip head kodu arasına ekleyeceksin hocam.

bkz: preload

<link rel="preload" href="/$location/" as="font" type="font/woff" crossorigin="anonymous">

$location değişkeni yerine preload edilecek fontun relative urlsini girmelisiniz. type kısmı için font türüne göre değiştirilebilir. Bu type kısmı görseldeki flaticon için uygun, woff2 olan fontawesome için değil.

Relative url nedir? Bkz: https://kb.iu.edu/d/abwp

takipteyim

bu kodu nereye eklicez @Empat;

header.php'de uygun yere.
Ancak kodu şablon olarak belirttim. Düzenlemelisiniz.

@Empat; crossorigin anonymous olunca makale içinde hata çıkıyor.

Hata çıktısını paylaşabilir misiniz?
Crossorigin önerilir. Bkz: CORS

@Empat;
Warnings: A preload <link> was found for "https://www.virtualsheetmusic.com/vc/css/fontawesome-webfont.woff2" but was not used by the browser. Check that you are using the `crossorigin` attribute properly.
iki sitede bu sorun vardı dediğiniz du ekleyince ana sayfada sorun olmasada makale içinde yazdığım hata çıkıyordu bu nedenle crossorigin e font/woff değerini verdim ve düzeldi