https://webvitals.dev/cls aracı ile tarama yaptığımda problemin tek kaynağının metinler olduğunu gördüm, internetteki fallback vb. yöntemleri denesem de bir sonuç alamadım. En sonunda sistem fontlarına geçiş yaparak sorunu kökten çözdüm.
Tabii ki bu çözümü e-ticaret vb. sitelerde uygulamak mantıklı olmaz, benim sitelerim içerik odaklı olduğu için işime geldi açıkçası.
Bu çözüm basit tasarımlı ve hız odaklı web siteleri için ideal, kompleks tasarımlı sitelerde alternatif çözümleri uygulamanızı tavsiye ederim. Araştırırken şunu fark ettim, bazı büyük web siteleri de performans sebebiyle buna geçiş yapmış.
- Yazılımcılar için: https://systemfontstack.com
- WordPress için: Manuel olarak temanızın header.php dosyasından Google Font linklerini kaldırıp tema düzenleme kısmında şu CSS kodunu ekleyebilirsiniz:
body{font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif !important;} 
