Sitenizi Hızlandırmak için Neden Bunu Yapmalısınız?

İnternet ve tarayıcılar hızla gelişiyor.
Birkaç yıl önce yaptığımız optimizasyonların çoğunun artık modası geçti.
Tam da bu noktada siteleriniz için Google font kullanıyorsanız bilmeniz gereken önemli bir nokta var.

Eski Argümanlar

1- Google Yazı Tipleri zaten önbelleğe alınıyor.
Herhangi bir Google fontu kullandığınızda, önce fonts.googleapis.com 'dan bir CSS dosyası indirir.
Sonra o CSS dosyasında belirtilen yazı tipi dosyalarını fonts.gstatic.com 'dan indirir.

Yalnızca fonts.gstatic.com adresinden indirilen font dosyalarının önbellek süresi 1 yıldır.
Fakat ana CSS dosyasının yalnızca 24 saatlik önbellek ömrü vardır.

"Tarayıcılarda Google Yazı Tipleri zaten önbelleğe alınmış olacak".
Evet doğru. Ancak bu önbelleğe alınmış yazı tipini sunmak için tarayıcının her 24 saatte bir bir CSS dosyası indirmesi gerekiyor.
Bu da çoğu web sitesinde açılışı engellemesi anlamına geliyor.

Sizi yeterince ikna etmediyse, bir sonraki eski argümana geçelim.

2- Google CDN daha hızlı
Web siteniz iyi bir şekilde barındırılıyorsa ve HTTP/2 etkinse, fontları kendi barındırıcınızda kullanmanız Google CDN'den daha iyi performans gösterecektir.

Çünkü tarayıcının ekstra DNS aramaları, SSL çözümlemeleri ve yeniden HTTP/2 bağlantısı kullanması gerekmez.
Google üzerinden çağrılan fontlar bu bağlantıları yapmak zorundadır. Bu sebeple hatrı sayılır bir gecikme olabilir.
Ama kendi siteniz üzerinden çağırdığınızda bunlar olmayacaktır.

3- Font optimizasyonu önemsizdir. Etkisi azdır.
Bunun doğru olmadığını bizzat Google söylüyor. Yazı tiplerinizin optimize edilmesi site hızınız için oldukça önemlidir.

https://www.youtube.com/watch?v=Mv-l3-tJgGk


KISA BİR ÖZET
Daha önce font optimizasyonuyla alakalı konular paylaşmıştım.
Ama gördüğüm kadarıyla sitelerini hızlandırmak isteyen birçok arkadaşımız hala bu çözümü es geçiyor. Önemsiz görüyor.
Font optimizasyonunun siteniz için neden önemli olduğunu, eski bilgileri yıkıp üzerine güncel gelişmeleri ekleyerek aktarmak istedim.

Umarım sitenizi hızlandırmak isterken bu kısma yeterli önemi gösterirsiniz. Herkes için faydalı olması dileğiyle...

Google fontsu kaldırdım ben site hızlandı baya.Kullanmıyorum google fonts sistem fontu kullanıyorum.

Güzel paylaşım hocam teşekkürler. Bazı WordPress temalarında Google fontları hızı baya olumsuz etkiliyor. Bu durumlar için şöyle bir eklenti var: https://wordpress.org/plugins/host-webfonts-local/
Sitede kullanılan fontları lokale alıyor.

evet bunu biliyorum ama bu eklentiyi kullanmak gerçekten çok zor. umarım daha kullanışlı olur.

En performanslısı açık ara sistem fontları. İkon olarak ise font awesome'un dahil ettiği woff dosyalarının boyutu devasa. Yine de preload ile yüklenirse performansa etkisi bir nebze daha az oluyor.

evet sistem fontları en iyisi.

preload her zaman iyi sonuç vermiyor. hatta bazen siteyi yavaşlattığı bile oluyor. yine de denemekte fayda var.

Evet hocam yazı tipleri sitelerde ciddi performans kaybına sebep oluyor. Fakat çoğu kişi bunun farkında değil. Fontawesome gibi icon fontları çok daha kötü etkiye sahip, yine de bir çok site bunu kullanıyor.
Biraz uğraşıp iconlar için custom font paketi yapmak uzun vadede daha etkili. Google fontları yerine sistem fontları kullanmak çok daha harika bir fikir olsa da şahsen yıllardır hangi fontlar sistem fontu öğrenebilmis değilim. Sonuçta cihaza, işletim sistemine, tarayıcıya göre de destek değişebiliyor.

Herkesin istediği şey, bütün kullanıcılar için standart tasarım olması, aynı fontu görmeleri. İnternette de web safe font listeleri birbirinden farklı. Bu konuda her cihazın, işletim sisteminin, tarayıcının desteklediği sistem fontlarının listesini biliyorsanız paylaşırsanız sevinirim. En azından seçenekleri bilmek yararlı olur