WordPress ile Google Font’u kullanırken performansı optimize etmek için 5 ipucu
Web sitelerinde iyi tipografinin dönüşüm üzerinde olumlu bir etkisi olabilir. Doğru yazı tipini seçmek ve optimize etmek çok önemlidir. Google yazı tipi çok popüler bir hizmettir, çünkü iyi tasarlanmıştır ve varsayılan web sitesine ekstra bir zarafet seviyesi ekleyebilir. Ne yazık ki, web’deki başka bir şey gibi, doğru kullanılmadığı takdirde sitenizin performansına zarar verebilirler. Bu makalede, WordPress ile Google yazı tipini kullanırken performansı optimize etmek için 5 ipucu göreceğiz. Google Font ve WordPress Site Performansı
Google Fonts, Google tarafından sağlanan Web sitelerinde veya yazdırma projesindeki herkes tarafından kullanılabilecek 1300’den fazla ücretsiz yazı tipinin bir dizinidir. Milyonlarca WordPress web sitesinde kullanılmasına rağmen, web sitesinin tasarımını iyileştirmenin iyi bir yoludur. Kesinlikle aralarında benzersiz bir tasarım bulabileceksiniz. Google yazı tipleri genellikle Google’ın CDN’sinden ilgi duyan WordPress sitesine eklenir. Bu, yazı tipleri ve stil sayfası da dahil olmak üzere kullanıcılara en yakın sunucuda barındırıldıkları anlamına gelir.Web’den çekilen Google yazı tipi, sistem yazı tipi (bilgisayarınızda yüklü) kadar hızlı değildir. Web sitenizin dışındaki web trafiği yükleme hızının bir parçasıdır. Google yazı tipi yükleme süresi, web sitesi performansı üzerinde daha büyük dosyalardan daha küçük bir etkiye sahiptir. Ancak, yazı tipi resimden çok daha küçüktür. Ancak, siteniz tarafından yapılan her istek, kullanıcının erişemediği zaman zaman harcar. Bu nedenle, Google yazı tipinizi optimize etmek, sitenizi yükleme hızını artırmak için yapmaya değer. Neyse ki, WordPress ile Google yazı tipini kullanırken performansınızı optimize etmenin birkaç yolu vardır. Daha az yazı tipi kullanın
Yazı tiplerini mümkün olduğunca az kullanmanızı öneririz. İdeal olarak, en iyi sonuçlar için eşleştirilen iki yazı tipi kullanacaksınız. Yazı tipleri hakkında konuştuğumuzda aslında yazı tipi aileleri hakkında konuşuyoruz. Yazı tipi türü hakkında konuştuğumuzda genellikle ana yazı tiplerini düşünürüz, ancak yazı tipleri bazı ağırlık, italik, sayılar ve semboller gibi birçok varyasyon içerir. Bu uçan bir makine olarak bilinir. Birçok yazı tipi ince, hafif, orta, yarı kalın, kalın, ultra toprak ve daha fazlası gibi ağırlıkları içerir. Her biri yazı tipi ailesinde farklı bir yazı tipidir. Ayrıca, her ağırlık yazı tipi sayısını iki katına çıkaran italik içerir. Yazı tipi ailesini kullandığınızda, tüm varyasyonları da içerirsiniz. Oraya gittiğinizde çok fazla. Örneğin, Roboto mevcut site için popüler bir yazı tipidir. Aile, yazı tipi başına 282 uçan makineye sahip 12 set yazı tipine sahiptir. Bu, bir yazı tipi ailesi için 3.384 gliftir, kullanmak istediğiniz yazı tipi uzantısı miktarı ile çarpılır. Roboto Condens ve Roboto slabına ekleyin ve web sitelerinde kullanılan yazı tipi sayısının nasıl olabileceğini görmek kolaydır. Birkaç yazı tipi ailesi kullandığınızda, on binlerce yazı tipi kullanabilirsiniz. 2. Google Font AndAdim WordPress Server’da ana bilgisayarlar WordPress sunucunuza Google yazı tiplerini indirip yayınlamanıza izin verir. Bu şekilde sitenin tipografisi, web sitesi ile aynı konumdan kullanıcılara gönderilecektir. Web sitesinin başka yerlerden yazı tipi dosyaları istemesi gerekmez ve sayfa kullanıcılar için daha hızlı yüklenir.
Google Fonts web sitesinde yazı tiplerini seçtiğinizde, indirme seçeneğini göreceksiniz. Font ailesini indirin ve ardından FTP aracılığıyla içerik/yükleme klasörünüze yükleyin. Kullanmak için, alanınızdaki üçüncü taraf yazı tipi ana bilgisayarına başvurmayın. Bunun yerine, stil sayfanızdaki url/yazı tipi/font_file_name.file-extension’a bakın. Tüm bunları göz önünde bulundurarak, yalnızca ihtiyacınız olan yazı tiplerini ve ağırlığı yükler. Mümkün olan her ağırlığı ve seçeneği kullanmayın. Her yazı tipi için TTF, EOT, WOFF ve WOFF2 formatlarını kullanın. 3. Google Font Pramuian Google yazı tipi genellikle Google CDN’den alınır. Gerçekten de, bu hızlı bir sunucudur, ancak yazı tipleri genellikle web sitesini yükleme sürecinde geç çekilir. Bir bağlantı sorunu varsa ve yazı tipleri indirilmezse, sayfa genel sistem yazı tipi kullanılarak oluşturulur. Ardından, yazı tipi indirildikten sonra sayfa oluşturulacaktır. Daha basit terimlerle, sayfa bir yazı tipi ile yüklenir ve ardından başka bir yazı tipine dönüşür. Bu, parlamasız bir metin (Fout) olarak bilinir. Bu beklemekten daha tercih edilir. Ama yine de iyi değil. Bunun üstesinden gelmenin bir yolu, önce yazı tipini yüklemektir. Google yazı tipinin yüklenmesi ayrıca yaklaşık 100 ms yükleme süresini azaltır. Bunun nedeni, Google Font CSS dosyalarına paralel olarak yüklenen DNS, TCP ve TLS’dir. Yazı tipi, önce bağlanmanızı ve stil sayfasında bir Pramu’um bağlantısı kullanmanızı gerektirir. Yazı tipi ve stil sayfası ailesini HTML ile web sitenize yükleyeceksiniz. Aşağıda, CDN Planet’ten Prec -Bağlant kullanan HTML örneğidir:
>>>
>
Yukarıdaki örnekte Roboto’yu ve kullanmak istediğiniz yazı tipleri ve seçeneklerle tüm yazı tipi seçeneklerini değiştirin.
4. Google yazı tipini WordPress eklentileriyle optimize edin
WordPress ile ilgili çoğu şey gibi, eklentiler Google yazı tipini optimize etmeyi kolaylaştırır. Yazılım tarafını sizin için ele alırlar, bu nedenle kodu nereye koyacağınız konusunda endişelenmenize gerek yoktur. Google yazı tipinizi optimize edebilecek birçok iyi eklenti var. Çok ilginç olduğunu düşündüğüm biri OMGF | Google yazı tipi yerel olarak barındırır. Bu, kullandığınız Google yazı tipini optimize etmek için özel olarak tasarlanmıştır. Diğer birçok Google yazı tipi eklentisi gibi, bu eklenti ücretsiz ve premium bir sürüme sahiptir. Ücretsiz sürüm yalnızca karmaşık olabilen manuel ayarları içerir. Ancak düzenlemek için çok karmaşık değiller. Bu konuda öne çıkan ana şey, ücretsiz sürümün sadece yazı tipinin kullanımını kolaylaştırmak yerine, herkes tarafından kullanılabilecek bazı optimizasyon içermesidir. Bunun gibi çoğu eklenti yalnızca premium sürüm aracılığıyla optimizasyon sağlar. En iyi sonuçlar için premium sürümü öneririm. Ücretsiz sürüm, başlamanıza yardımcı olacak yeterli optimizasyona sahiptir.
Eklenti yazı tiplerini depolar ve Google yazı tiplerini yerel olarak barındırabilirsiniz. Enqueed yazı tipleri başlıktan otomatik olarak silinir ve yerel bir yazı tipi ile değiştirilir. Üst Paro’da yazı tipleri yapabilir ve belirli yazı tiplerini ve stil sayfalarını yüklemesini önleyebilirsiniz.
Tespit ayarlarında yazı tiplerini değiştirebilir veya silebilirsiniz. Bu, yeniden tasarımdan sonra çok yararlı olabilir, böylece kullanıcılarınıza asla gönderilmeyecek eski kaynaklar yüklemezsiniz.
Ve gerçekten temiz olan evi tutarsanız, gelişmiş ayarlar yazı tipi önbelleği için bir dizin seçmenizi sağlar. 5. Divi modülü ile Google Font entegrasyonunu kullanın600 Google yazı tipi, metin kullanan ve Divi temalarında ve Divi eklentilerinde mevcut olan ve en iyi performans ve tasarım için optimize edilen tüm Divi modüllerine entegre edilmiştir.Yazı tipi türünü, ağırlığını ve stili seçin ve vücut için boyut, renk, çizginin yüksekliği, satır alanı ve gölgeyi ve tüm başlıkların tek tek başlıklarını ayarlayın.Her cihaza bile ayarlayabilirsiniz. Google yazı tipleri önbellektir ve modüllere yalnızca yazı tipleri kullanılır.Bu, tarayıcının gereksiz yazı tipleri varyasyonlarını içermesini önler.
