WordPress İçin Google Font Optimizasyonu Nasıl Yapılır?

WordPress İçin Google Font Optimizasyonu Nasıl Yapılır?

İşleme Google fontlarını yerel olarak barındırarak başlayabilirsiniz.  Bu yöntem sadece eğer hosting servisiniz hızlıysa iyidir.

Google-webfonts-helper adlı ücretsiz bir araç kullanacağız. Bu araç Google yazı tiplerini yerel olarak daha kolay indirmenize olanak tanır ve size tüm CSS’leri verir. Aşağıda bir örneği verilmiştir. İndirdiğiniz yazı tiplerini web sunucunuza yüklemeniz gerekiyor. Bunları örnekte “fonts” adlı bir klasöre koyduk.

Ardından Fontları CSS Kodunuza Ekleyin

/* lato-700 - latin_latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'),
       url('https://OurCDN.com/fonts/lato-v15-latin_latin-ext-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('https://OurCDN.com/fonts/lato-v15-latin_latin-ext-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lato-regular - latin_latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'),
       url('https://OurCDN.com/fonts/lato-v15-latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('https://OurCDN.com/fonts/lato-v15-latin_latin-ext-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

Google Yazı Tiplerini Kendi CDN’nizde Barındırın

Halihazırda sitenizdeki tüm öğeleri (resimler, CSS, Javascript vb.) barındırmak üçüncü taraf bir CDN sağlayıcısı kullanıyorsanız (KeyCDN gibi) Google’ın yazı tiplerini de bu CDN’de barındırabilirsiniz.

Ücretsiz CDN Enabler WordPress eklentisini kullanıyoruz. Bu eklenti web sunucudaki fonts klasöründeki fontları otomatik olarak KeyCDN gibi bir CDN servisine kopyalar. Daha sonra yazı tipine giden yolu CDN’yi (cdn.alanadi.com gibi) gösterecek şekilde kodu değiştirmeniz gerekiyor.

Bir CDN hizmeti kullanmak yine biraz daha hız sağlar. Pek değil ancak Google’ın CDN testiyle karşılaştırırsanız kesinlikle daha hızlıdır. Bu yöntemin bir diğer avantajı küresel trafiğinizin de hızlanacak olmasıdır.