Google Speed Testdeki bu problemi bir türlü çözemiyorum

Question

Bunu temaya uyarlamam lazım fakat bir fark yok gibi nerede hata yapıyorum ?

Aldığım Hata: Web yazı tipi yüklemesi sırasında metnin görünür halde kalmasını sağlayın

Benim font face satırım:
@font-face {
  font-family: 'TMSans';
  font-style: normal;
  font-weight: 500;
  font-display: auto;
  src: local('TMSans Regular'), local('TMSans-Regular'), url("fonts/tmsans/TMSans-Regular.woff") format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}Googlenin önerdiği, yapmamı istediği şekil;

https://jsbin.com/nigahi/latest/edit?html,output

arenpi · Answer

ŞU GOOGLE nin saçmalıklarından bıktım usandım.

MeteOguzhan · Answer

arenpi adlı üyeden alıntı:						mesajı görüntüle									ŞU GOOGLE nin saçmalıklarından bıktım usandım. 		Fontun böyle görünmesi %40 site hızını düşürdüğünü söylüyor, altı üstü görüntü anlamadım gitti günlerdir bununla ugrasıyorum

ASametYildirim · Answer

MeteOguzhan adlı üyeden alıntı: mesajı görüntüle

istediği kodlar benim cssimde var fakat yinede düzelmiyor problem varmı fikriniz

bunu bir deniym hocam teşekkürler

ilgili css'i sayfanın altına koydm bu seferde sitenin tasarımı bozuldu

Uyarı düzeldi mi hocam? Eğer uyarı düzeldiyse ilgili css dosyasını yukarıda sadece font kısmını ise footerda çağırın derim.

ystr · Answer

Google derki, kardeş sen fontu yükleyene kadar yazıyı görünmez olacak, bu şekilde yazarsan.
Kullanıcı yazıyı görsün, sonra üstüne fontu yükle der.
Böylece kullanıcı fontun yüklenmesini beklemeden, içeriğe erişebilir.

Demekki; saçmalık değilmiş.

MeteOguzhan · Answer

ystr adlı üyeden alıntı:						mesajı görüntüle									Google derki, kardeş sen fontu yükleyene kadar yazıyı görünmez olacak, bu şekilde yazarsan.
Kullanıcı yazıyı görsün, sonra üstüne fontu yükle der.
Böylece kullanıcı fontun yüklenmesini beklemeden, içeriğe erişebilir.

Demekki; saçmalık değilmiş.  		istediği kodlar benim cssimde var fakat yinede düzelmiyor problem varmı fikriniz

ASametYildirim adlı üyeden alıntı:						mesajı görüntüle									Hocam google burada önce yazıyı göster sonra fontu göster demek istemiş. Fontu çağırdığınız kodu footer a koyarsanız sorun düzelecektir diye düşünüyorum. 		bunu bir deniym hocam teşekkürler

ASametYildirim adlı üyeden alıntı:						mesajı görüntüle									Hocam google burada önce yazıyı göster sonra fontu göster demek istemiş. Fontu çağırdığınız kodu footer a koyarsanız sorun düzelecektir diye düşünüyorum. 		ilgili css'i sayfanın altına koydm bu seferde sitenin tasarımı bozuldu

ASametYildirim · Answer

MeteOguzhan adlı üyeden alıntı:						mesajı görüntüle									istediği kodlar benim cssimde var fakat yinede düzelmiyor problem varmı fikriniz

bunu bir deniym hocam teşekkürler

ilgili css'i sayfanın altına koydm bu seferde sitenin tasarımı bozuldu 		Uyarı düzeldi mi hocam? Eğer uyarı düzeldiyse ilgili css dosyasını yukarıda sadece font kısmını ise footerda çağırın derim.

MeteOguzhan · Answer

ASametYildirim adlı üyeden alıntı:						mesajı görüntüle									Uyarı düzeldi mi hocam? Eğer uyarı düzeldiyse ilgili css dosyasını yukarıda sadece font kısmını ise footerda çağırın derim. 		yok hocam hata da gitmiyor

muhittingulap · Answer

font-display: swap;   olarak değştirin.