Google Pagespeed Önemli istekleri önceden yükleyin kısmı yardım

Merhabalar saşağıdaki gibi şey çıkıyor pagespeedde wordpress de bu dosyaları buluyorum ve içinde aşağıdaki gibi yazılar var. bu <link rel=preload> kısmını nereye yapıştırmam lazım.

şimdiden yardımcı olanlara çok teşekkürler

Resimde gösterdiğiniz yere değil de head etiketleri arasında bir yere şu kodu koymalısınız.

 <link rel="preload" href="sitelinkiniz.com/yazıstiliadı.woff2" as="font" type="font/woff2" crossorigin>

Sitelinkiniz.com yazan yere, PageSpeed sorgusundaki woff dosyasının linkini yazmalısınız ve gördüğüme göre 3 farklı font var, her biri için ayrı kod satırı yazmalısınız.

işe yaradı çok teşekkürler hocam.



hocam bunun kırmızı yanma sebebi nedir peki? Web yazı tipi yüklemesi sırasında metnin görünür halde kalmasını sağlayın diyor pagespeedte. bu dosya style.css dosyası;

Font-display: swap kullanımı doğru ama font-display kısmını şu ana kadar ben hep mevcut @font-face kümesinin en altına yapıştırdım.

Yani font-display kodunu sizdeki font-style: normal kısmının bir alt satırına yerleştirmeyi deneyin.

Bundan kaynaklı mı bilmiyorum ama denemek lazım, diğer türlü bir yanlış görmüyorum.

Ek olarak şahsi bir tavsiye, hosting firmanızı bilmiyorum ama sitenizin yavaş olmasının biraz da olsa hostinginizin de etkisi var.

site hızım 90 alıyor ama amacım kırmızı yanan bir şey olmasın ki +90 olsun

Ben birkaç kere belli aralıklarla sorguladım site hızınızı, sırayla 88-89 ve 90 değerleri çıktı ve bu sonuçlar çıkarken en kritik hata olarak ''server response time'' kriteri baş etkendi.

Bu kriteri birden önbellekleme kullanma v.b şeyler etkiliyor ama bu kadar değişken olmasının sebebi kullandığınız hostingin stabil olmamasından kaynaklı olduğunu düşünüyorum.

PM üzerinden bana detayları (Paylaşımlı hosting mi? Kullandığınız eklentiler v.b) belirtirseniz sitenizi kalıcı olarak 90+ yapmaya çalışırım.

Cloudflare pasif ederek yapın çalışmalarınızı.

Hocam merhaba bu sorun bende de mevcut ve çözemiyorum kafayı yiyecem. catalog/view/javascript/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0 buradaki soru işaretinden sonrakini eklemem mi lazım yani şu şekilde mi olması gerekiyor.
ve bu dosyada ki yere mi ekleme gerekiyor "header.twig"

<link rel="preload" href="sitelinkiniz.com/[URL="https:/siteadi.com/catalog/view/javascript/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0"]catalog/view/javascript/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0[/URL]" as="font" type="font/woff2" crossorigin>

Attığım kodu kullan.

<link rel="preload" as="font" crossorigin type="font/woff2" href="/catalog/view/javascript/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0">