Google Font Site Hızına İnanılmaz Etki Ediyor.

Sitede kullandığım fontları kaldırdım tüm değerler 0.9 filan oldu normalde 2.0 2.2 filan lcp değerleri filan.

yalnız bu kodu kullanıp nasıl daha hızlandıracağımı bilemiyorum.

<link rel='preload' href='https://fonts.googleapis.com/css?family=Montserrat:400,600,700&amp;subset=latin-ext&display=swap' rel='stylesheet' type='text/css' />

bu kod sitemi yavaşlatıyor nasıl düzeltebilirim?

Fontları sitenin dizine kurup oradan çektir derim.

<link rel="preload" href="https://fonts.googleapis.com/css?fam...t&display=swap" as="fetch" crossorigin="anonymous">
<script type="text/javascript"> !function(e,n,t){"use strict";var o="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&subset=lati n-ext&display=swap",r="__3perf_googleFonts_29c5";fun ction c(e){(n.head||n.body).appendChild(e)}function a(){var e=n.createElement("link");e.href=o,e.rel="styleshe et",c(e)}function f(e){if(!n.getElementById(r)){var t=n.createElement("style");t.id=r,c(t)}n.getElemen tById(r).innerHTML=e}e.FontFace&&e.FontFace.protot ype.hasOwnProperty("display")?(t[r]&&f(t[r]),fetch(o).then(function(e){return e.text()}).then(function(e){return e.replace(/@font-face {/g,"@font-face{font-display:swap;")}).then(function(e){return t[r]=e}).then(f).catch(a)):a()}(window,document,localS torage); </script>

Kodu bu şekilde deneyebilir misin hocam etki edecek mi?

Nereye yazıcam bu kodu? montserrat yazı tipi olarak kalsın istiyorum ama.

İstediğin font türüyle değiştim hocam. Kod hangi dosya içindeyse head kısmından bu kodla değiştir. header.php içinde buraya yazdığın kodu seç altta verdiğim kodları kopyala onun yerine yapıştır kaydet.



<link rel="preload" href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700&subset=latin-ext&display=swap" as="fetch" crossorigin="anonymous">
<script type="text/javascript"> !function(e,n,t){"use strict";var o="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&subset=lati n-ext&display=swap",r="__3perf_googleFonts_29c5";fun ction c(e){(n.head||n.body).appendChild(e)}function a(){var e=n.createElement("link");e.href=o,e.rel="styleshe et",c(e)}function f(e){if(!n.getElementById(r)){var t=n.createElement("style");t.id=r,c(t)}n.getElemen tById(r).innerHTML=e}e.FontFace&&e.FontFace.protot ype.hasOwnProperty("display")?(t[r]&&f(t[r]),fetch(o).then(function(e){return e.text()}).then(function(e){return e.replace(/@font-face {/g,"@font-face{font-display:swap;")}).then(function(e){return t[r]=e}).then(f).catch(a)):a()}(window,document,localS torage); </script>

Bu kodu ekledikten sonra sans serif oldu tüm yazılar