Google Fonts web tasarımcıların sıkça kullandığı font hizmetlerinden biridir. Google’ un sunduğu servislerden biri olarak Google Fonts kullanıcılarına çeşitli kolaylıklar sağlıyor. Google Fontları indirilerek kullanılmaya başlanabilir. Eğer sadece Türkçe dilinde font kullanılmak isteniyorsa bu konuda da kolaylıklar sağlıyor uygulama. Filtreleme sistemi ile sadece Türkçe uyumlu fontlar görüntülenebiliyor. Google’ un ücretsiz şekilde sunduğu bu hizmetten herkes kolayca faydalanabilir. Servis sayısız font bulunduruyor içerisinde. Bu fontlar farklı dillerde olabiliyor ve web sitelerinde kullanıldıklarında çeviri olanakları daha gelişmiş oluyor. Cümleler kolaylıkla Türkçe diline çevrilirken metinler için de bu işlem kısa süre içerisinde gerçekleşiyor. Google Font servisinden yararlanmak istenildiğinde sıkça karşılaşılan sorun olarak Google Pagespeed için Google Fonts sorunu nasıl çözülür merak edilen sorular arasındadır. Bu sorunun çözümü olarak ve daha hızlı kullanım için bazı kodların girilmesi gerekiyor. Bu kodlar yazıldıktan sonra servisten de rahatlıkla faydalanılabilir.
Sorunun Çözümü
Google Fonts’ un bazı çalışmalar sonucu hızı maksimuma çıkarılabilir. Optimizasyon çalışmaları oldukça işe yaramaktadır. Yazı yazarken hız problemleri yaşamanın önüne geçen ve Pagespeed değerini düşüren bu yöntem ile sizde Google Pagespeed için Google Fonts sorunu nasıl çözülür cevabını almış olacaksınız. Google Fonts ile bir font seçimi sırasında fontu link şeklinde eklemelisiniz. Örnek: <link href=”https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900&subset=latin-ext” rel=”stylesheet”>
İşlem bu şekilde gerçekleştirildiğinde Pagespeed uyarı verir ve hızında %10 civarında bir azalış meydana gelir.
Pagespeed Uyarı Sorunu Nasıl Çözülür?
Linkler normal durumda footer’a taşınır ve böylece sorun ortadan kalkabilir. Fakat bazı durumlarda bu işlem yapılsa dahi sorun çözülememektedir. Bu sorunun önüne geçmek için kısa bir kod girmek gerekir. Bu kodun adı ise javascript olmaktadır. Bu kod işlem sırasında arpa planda çalışacağı için sitenin yüklenmesi sırasında olumsuz durum yaşanmayacaktır. Pagesspeed uyarı vermeyecek ve site hızı eski haline geri dönecektir. Kodun alt kısımda çalışıyor olması sitenin açılış hızına etki edecektir. Google Pagespeed için Google Fonts sorunu nasıl çözülür sorusunun cevabı ile belirtilen tüm koşulları sağlamak için yazılması gereken kod https://gist.github.com/0ca8e3b25b812affee6b4fd8b37e8c45 olacaktır. Kullanılan fonta göre Webconfig içeriğini değiştirmek işlemi gerçekleştirmek için yeterlidir.
kullandıgım google fonntu >> https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap
scripte bu fonta göre düzenliyorum fakat basarılı olamadım. nasıl düzenlemem gerekli?
Yapmış oldugum
WebFontConfig = {
google: { families: [ ‘Source+Sans+Pro&display=swap ] }
};
(function() {
var wf = document.createElement(‘script’);
wf.src = ‘https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap’;
wf.type = ‘text/javascript’;
wf.async = ‘true’;
var s = document.getElementsByTagName(‘script’)[0];
s.parentNode.insertBefore(wf, s);
})();
Merhaba, bu google fonts icin denemedigim kod kalmadı bir türlü üstesinden gelemedim, şimdide sitenizdeki istekleri en aza düşürün diye uyarı veriyor fonts u, sizin tavsiyeniz ne olur? Bu konu hakkında