Google barındırma yazı tipinin kendisi neden önerilmez?
Google yazı tipi, birçok web sitesinde en yaygın kullanılan üçüncü taraf kaynaklarından biridir. Web sitelerinin içeriklerini daha iyi birleştirmesini ve sunmasını kolaylaştırırlar. Aralarından seçim yapabileceğiniz 999’dan fazla ücretsiz ve benzersiz yazı tipi ile kullanıcılar, Google yazı tiplerini 40 trilyondan fazla (Temmuz 2020) toplu olarak görüntüledi. Google yazı tipleri gibi harici yazı tipleri de yüklenecek en zor üçüncü taraf kaynaklarından biridir. Sadece sayfanın ağırlığını eklemekle kalmaz, aynı zamanda web sitesi almak için ek bir HTTP isteği yapmalıdır. Birkaç yazı tipi ağırlığı olan birkaç yazı tipi ailesi yüklediğinizde hit performansı daha da belirgindir.
Bu nedenle, Google yazı tipini yerel olarak barındırmak ve sunucunuzdan sunmak, Google CDN’den yüklememek iyi bir fikir gibi görünüyor. Teorik olarak, web sitenizi daha hızlı yükleyebilir. Ancak yazı tipinin çok karmaşık olduğu ortaya çıkıyor ve kendisini barındırmanın web sitenizin performansını biraz daha zor hale getirebileceği ortaya çıkıyor. Bu makalede, Google yazı tipi de dahil olmak üzere web yazı tiplerinin temellerini ve yerel olarak nasıl yayınlayabileceğinizi öğreneceksiniz. Daha sonra web sitesinin performansında bir fark yaratıp yaratmadığını öğreneceksiniz. Hevesli? Başlayalım. Web yazı tipi nedir? Web yazı tipleri, metni görüntülemek için kullanabileceğiniz yazı tiplerini ifade eder. Her uçan makinenin harf, sayılar veya semboller gösteren bir vektör olduğu uçan makinelerden oluşan bir koleksiyondur.
Web’in ilk günlerinde, geliştiriciler aralarından seçim yapabileceğiniz sınırlı web yazı tiplerine sahiptir. Ana işletim sistemi bu yazı tipi ile birlikte paketlenmiştir (örn. Arial, Georgia, Times New Roman). Böylece, web tarafından güvenli yazı tipleri olarak da bilinirler.
Google yazı tipi ve Google Fonts web sitesinin performansı, her yazı tipinin tüm web siteleri için yalnızca bir kez yayınlanması için çeşitli sitelerde yazı tiplerini saklayarak web sayfalarının daha hızlı yüklendiğini iddia ediyor. Tarayıcı, aynı Google yazı tipini isteyen diğer web siteleri için aynı önbellek yazı tipini kullanabilir. Ayrıca kullanıcının tarayıcısını algılar ve tarayıcıları tarafından desteklenen en son teknolojiye dayanarak en küçük yazı tipi dosyasını gönderir. Örneğin, bu, diğer web yazı tipi formatlarına kıyasla üstün sıkıştırmaya sahip olduğu için herhangi bir zamanda WOFF 2.0 formatına sahip kullanıcı yazı tipini sunar. Ancak, web sitenizde Google yazı tiplerini kullandığınızda, web sitesinin ana stil sayfası Google Fonts (CSS dosyası) stil sayfasını almak için bir HTTP isteği gönderir. İstemci bu isteği Fonts.googleapis.com alan adına gönderir. Genellikle, kullandığınız her yazı tipi için bir istek yapılır. Google yazı tipi stili sayfaları, yazı tipi dosyasını indirmek için başka istekler yapar (örn. Woff veya Woff 2.0 dosyası). Stylessheet, bu isteği tüm Google yazı tiplerinin barındırıldığı Fonts.gstatic.com Domain’e yönlendirir. Web sitenizde ek HTTP istekleri yapmak zaman alır. WebPagetest Aracı tarafından üretilen şelale grafiğini kontrol ederek onaylayabilirsiniz.
Google yazı tipini kullanmak, yazı tipi önbelleğe alınması için 1 günlük düşük son kullanma süresi ayarlamak için en az iki ek HTTP HTTP Google Ateş İsteği ekler. Google, CSS dosyalarını otomatik olarak çeşitli faktörlere göre yaptığı için değiştiremezsiniz. Bazı web sitesi hız test araçları bunu bir performans sorunu olarak gösterir ve yerel olarak barındıran yazı tipleri önerir. Bu şekilde yazı tipi sona erme süresini manuel olarak artırabilir ve daha uzun süre önbellekte saklayabilirsiniz. Aşağıdaki kısım bunu WordPress sitenizde nasıl yapabileceğinizi içerir. Google Yazı Tipleri Sunucunuzdan Nasıl Hizmet Edilir WordPress sitenizde yerel olarak kendi Google yazı tipinizi barındırmanın en kolay yolu ücretsiz WordPress OMGF eklentisidir. Web sunucunuza yazı tiplerini indirmek için Google Fonts Helper API kullanır. Bundan sonra, OMGF indirilen yazı tipleri için stil sayfası üretir ve site başlığınıza ekler. OMGF WordPress eklentisi, OMFG ile istediğiniz Google Font ailesini bulmak çok kolaydır. Web sitenizde hangi Google yazı tipinin kullanıldığını analiz etmek için Otomatik Algılama düğmesini de tıklayabilirsiniz.
OMGF Yönetici Gösterge Tablosu Belirli bir yazı tipi türünü belirledikten sonra, indirmek istediğiniz yazı tipi ve stillerin alt kümesini belirleyebilirsiniz. Bu, önemli ölçüde sunulan yazı tipi boyutunu azaltmanıza yardımcı olabilir. Google yazı tiplerini yerel olarak sunmak, DNS isteklerini en aza indirerek ve önbellek tarayıcısını kullanarak sayfa yükleme süresini azaltacaktır. Ancak bu varsayım gerçekten geçerli mi? Web sitelerinin performansını, WP Rocket Geliştirici ekibi tarafından barındırılan Google yazı tipleriyle test edin. İlk test sitesi yalnızca bir tür yazı tipi kullanır. Daha sonra, hem Rocket WP eklentisi etkinleştirilmiş hem de devre dışı bırakıldığında, onunla birkaç performans testi yaparlar. Ardından, Google yazı tipini yerel olarak sunmak ve tekrar test etmek için web sitesini değiştirirler. Daha önce olduğu gibi, roket WP eklentisi etkinleştirilmiş ve devre dışı bırakıldığında ayrı bir test yaptılar. Not: GTMetrix bu web sitesi performans testini yapmak için kullanılır. Web sitesi, Google yazı tiplerini optimize ettirme ve CSS teslimatını optimize eden Build WP Rocket 3.6-Alpha3 sürümünü kullanıyor. WordPress OMGF eklentisi kendi Google yazı tipinizi yayınlamak için kullanılır. Google CDN’den Locar Locar’dan Google yazı tiplerini sunma sonuçları, Google Font barındırmanın yerel olarak barındırmasının belirli performans avantajları sağlamadığını göstermektedir. Neredeyse aynı görünüyorlar. Bu teoriyi doğrulamak için, tekrar test etmeden önce web sitesine daha fazla yazı tipi eklediler. Aşağıdaki sonuçlar daha net bir resim sunmaktadır.
Yukarıdaki hız testini, WP roketini etkinleştirerek eklenen daha fazla yazı tipi ile tekrarlayın, yazı tipini doğrudan Google CDN’den servis eder. Değilse, burada daha önce olduğu gibi görülen özel performans avantajları yoktur.
Aşağıda, yukarıda yapılan Hız Testi raporundan bazı ekranlar verilmiştir. Çeşitli testler arasında yazı tipi yükleme zamanına dikkat edin.
Yazı tipi, Google yazı tipi tarafından ek bir HTTP isteği ile bile yerel olarak kiralanır, Google CDN’den yerel olarak barındırıldığınızdan çok daha hızlı yüklenirler. Peki, bu anomaliyi ne açıklayabilir? Aşağıdaki bölüm kısa bir açıklama vermektedir. Google Font Neden Daha İyi Google, her kullanıcı için yazı tiplerinin nasıl sunulacağı konusunda akıllıdır. Bu, herkese aynı CSS’yi vermez, ancak kullanıcı cihazlarına, tarayıcılara ve diğer çeşitli faktörlere göre hangi stil sayfasının sunulacağına karar verin. Örneğin, Woff, Kenning ve Talimatlar gibi ağır kaynak özelliklerine sahip yazı tipleri yalnızca onu destekleyen kullanıcı aracıları için sunacaktır. Diğer tüm durumlarda, üstün bir WOFF 2.0 sıkıştırma standardı kullanacaktır. Bu, gönderilen yazı tipi boyutunu azaltmaya yardımcı olabilir ve daha hızlı yüklenir. Google Font Yazı Tipleri Sayfa başlığı içerse bile, sayfa başına yazı tiplerini birkaç faktöre göre indirin. Web sayfası belirtilen yazı tipini kullanmıyorsa, Google yazı tipi yüklemez. Yazı tiplerini yerel olarak yayınlarsanız, bu işlevi etkinleştirmek zor olacaktır. HTTP isteklerinin sayısının azaltılması, birçok durumda web sitenizin performansını hızlandırmanın iyi bir yolu olsa da, yukarıdaki test sonuçları bunun böyle olmadığını göstermektedir. Google yazı tipi. Google yazı tipini yerel olarak barındırırsanız, web sitenizi açma zamanı gerçekten azaltılacaktır. Google, yazı tiplerini sunmak için sınıfındaki en iyi web performans teknolojisini kullanır. Web yazı tipleri ve nasıl kullanılacağı hakkında biraz bilgi sahibi olsanız bile, Google yazı tipi, önemli performans kaybetmeden web sitenizde uygulamayı çok kolaylaştırır.
Yeni Web Font teknolojisi geldiğinde (örneğin değişken yazı tipleri, aşamalı yazı tipi zenginleştirmesi, daha iyi sıkıştırma), Google Fonts API’si yakında onları milyonlarca web sitesine getirecektir. Etkinleştirmek için çok şey yapmanıza gerek yok.
