Web Font Pramuian için En İyi Uygulama + Nasıl Çalışır
Web performansını optimize etmek açısından Pramuep, silahlarınızda yararlı bir araçtır. Pramuep, diğer sayfaları engellemeden bir tarayıcı istenmesi gereken belirli kaynakları beyan etmenizi sağlar. Temel olarak, Web sayfalarındaki kaynakların nasıl yüklendiği konusunda daha fazla kontrol sağlar, bu da WordPress sitenizin performansını optimize etmenize ve sitenizin hissettiği sayfanın yükleme süresini artırmanıza yardımcı olur. Bu makalede, önceden yükleme – web yazı tipi önceden yükleme özel bir yönüne odaklanacağız. Ön yükleme yazı tipinin ne olduğunu ve nasıl çalıştığını öğreneceksiniz. Ardından, Pramuian web yazı tipi için en iyi uygulamalardan bazılarını da paylaşacağız.
Genel olarak ön yükleme nedir? Bu yazıda ayrıntılı olarak önceden yüklemeyi tartışıyoruz, ancak bu hızlı bir sürümdür: Birisi web sitenizi ziyaret ettiğinde, tarayıcısı Web sayfasındaki tüm kaynakları Chrome geliştiricisindeki ağ sekmesinden görebileceğiniz belirli bir sırayla içerir. GTMetrix veya WebPagetest gibi test aracı performansında:
Neden önemli bir ön yükleme yazı tipi? Varsayılan olarak, siteniz oluşturma ağacı yapılana kadar yazı tiplerinin isteğini erteleyecektir. Biraz teknik olduğunu biliyorum, bu yüzden daha insan bir arkadaşa ayırmaya çalışayım. Temel olarak, varsayılan davranışla tarayıcı, kullanıcı ekranına görülen içeriği “boyamaya” başlayana kadar yazı tipi dosyasını yüklemek için bekleyecektir. Temel olarak, tarayıcı yazı tipi dosyasını yüklemek için tembeldir, böylece tarayıcı yazı tipine ihtiyaç duyulduğunu bildikten sonra belirli yazı tiplerini yüklemeye başlar (yazı tipinin gerekli olduğunu bilir, çünkü yazı tipini “boyamak” için gereklidir. Ancak, bu yavaş yükleme yaklaşımı, tarayıcının metni görüntülemeye hazır olduğu duruma neden olabilir, ancak yazı tipi indirilmediği için tarayıcının yazı tipi indirilinceye kadar metni ertelemesi gerekir. Buna FOIT veya görünmez metin flaşı denir. Veya, aynı zamanda Fout veya Donmaz Metin Flaşına da yol açabilir.
FOIT – Yazı tipi dosyası yüklenene kadar metin görünmez.
Fouts görünür, ancak sistem yazı tiplerini kullanın. Yazı tipi dosyası yüklendikten sonra metin yeni yazı tipi stiline dönecektir, bu da metin “atlama” ve “değişir” göründüğü için ziyaretçileriniz için şaşırtıcı bir deneyime neden olabilir.
Kısacası, bir yazı tipi bilimi olmadan, tarayıcının sitenizin metnini yüklemeye hazır olduğu bir durum yaşayabilirsiniz, ancak yazı tipi henüz mevcut olmadığı için olamaz. Yani, metni boyayabilmeniz için yazı tipini indirmeniz gerekir.
Bu durumdan kaçınmak istemenizin nedeni, ziyaretçilerinizin hissettiği sayfanın yükleme süresini yavaşlatması ve bu da kullanıcı deneyiminde bir düşüşe yol açmasıdır. Yazı tipi Pramuian ile, ziyaretçinin tarayıcısını daha önce önemli bir yazı tipi yüklemeye zorlayabilirsiniz, böylece tarayıcı yazı tipini yüklemeyi beklemek yerine hazır olduktan hemen sonra metni boyamaya başlayabilir. Pramuian yazı tipi tarayıcıya hangi yazı tipinin kullanılacağını söylemez – sadece “Hey, bu yazı tipini hemen indirin, böylece kullanmaya hazır olacak” diyor. Ardından, tarayıcı metni boyamaya başlamaya hazır olduğunda, yazı tipi kullanılabilir ve derhal metni göstermeye başlayabilir. Ayrıca, Pramuep yazı tipi, Google PagePeed bilgilerinden “Pramuiuan Anahtar İsteği” önerisini tartışır ve kümülatif düzeni geliştirmenize yardımcı olur ve Boya kaydırma metrikleri en büyük içerik, ikisi temel web verilerinden.
WordPress’te Yazı Tipleri Nasıl Yüklenir, ancak belirli türde yazı tipleri (Google yazı tipi gibi) yüklemenize yardımcı olabilecek birkaç eklenti olmasına rağmen, yazı tiplerini yükleme için manuel yöntem, WordPress sitenizin bölümüne birkaç kod eklenmesini içerir. WordPress sitenizin bölümüne kodu girmek için birkaç seçeneğiniz vardır. Yapabilirsiniz:
Header.php Düzenle Çocuk Temu.
Ekleme üstbilgileri ve altbilgi gibi ücretsiz eklentiler kullanın.
WP_HEAD kancasını Function.php dosyanızda, özel eklentinizde veya ücretsiz kod örnek eklentisi gibi bir şey kullanın.
Kullanacağınız kodun kendisi aşağıdaki gibidir:
> “anonim”>
Rail – Bu, tarayıcıya yazı tipi dosyasını önce yüklemesini söyler. Daha önce sığdırmak istediğiniz yazı tipini yansıtmak için düzenlemelisiniz.
AS – Bu, yazı tipi dosyasının daha önce yayınlandığı bir tarayıcı verir.
Tür – Bu, yazı tipi dosyasının türünü belirler. Farklı dosya türleri yüklemek istiyorsanız değiştirmeniz gerekir.
Crossorigin – Bu, bir sonraki bölümde daha fazla bahsedeceğim ön yükleme yazı tipinin özelliklerini karşılamak için gereklidir.
İlk önce WP roketi ile yazı tiplerini yükleyebilirsiniz – bu en kolay yoldur. Pramuad sekmesinde, yalnızca daha önce sığdırmak istediğiniz yazı tipi dosyasının URL’sini belirlemeniz gerekir. Bu kadar basit!
Bu noktada ön yükleme-WP roket özelliği, WordPress için en iyi önbellek eklentisinin ne olduğunu merak ediyor olabilirsiniz. Eğer öyleyse, özel sayfamızda yararlı bilgiler bulabilirsiniz! Bir sonraki Pramuian ve yazı tiplerinin optimizasyonu için en iyi uygulama, ön yükleme yazı tiplerini doğru kullanmak için en iyi uygulamalardan bazılarından bahsedelim. 1. Daha önce yüklediğiniz yazı tipi ve biçimlerinin sayısını sınırlandırın Birkaç yazı tipi kullanırsanız, her formatta kullandığınız her yazı tipini yüklemeye cazip gelebilirsiniz. Ancak, önceden yükleme yazı tiplerini kullanmak için bir performans fedakarlığı vardır.
Pramuian ile, temel olarak bir tarayıcıyı, gerekli olsun ya da olmasın yazı tipi URL’si için yüksek öncelikli talepte bulunmaya zorlarsınız. Gereksiz yazı tipleri yüklerseniz, sitenizin geri kalanını yüklemek için ziyaretçilerin tarayıcısını ertelemenize gerek yoktur. Bu değişimi dengelemek için, yüklediğiniz yazı tiplerinin sayısını yalnızca ilk sayfayı yüklemek için gerçekten gerekli olan (yani üst yarıda gerekli yazı tipini) sınırlamanız gerekir. Tasarımınıza bağlı olarak, bu başlığınız için kullandığınız yazı tipi olabilir. Veya, içerik metniniz için kullandığınız yazı tipini de içerebilir. Ayrıca, daha önce yüklediğiniz biçimi de sınırlamak istersiniz. Örneğin, yalnızca sıradan format, ancak eğimli veya kalın bir format değildir. Sadece çarpık metniniz veya kalın metniniz için bir fout olması çok daha az, çünkü formatın içeriğinizin yalnızca küçük bir bölümünü kapsayacaktır. Temel olarak, yalnızca sitenizin yarı yaşam deneyimi üzerinde gerçek bir etkisi olacak yazı tipleri yüklemek istersiniz. 2. Harici CDN hizmetlerinden (Google yazı tipleri veya Adobe yazı tipleri gibi) yazı tipleri yüklerseniz, CSS’nize göre yüklediğiniz yazı tipinin, daha önce yüklediğiniz yazı tipi dosyalarının CSS’nizde istenen yazı tipiyle eşleşmesi için dikkatli olun.
CDN’deki yazı tipi güncellenmiş olabilir, bu da nihayetinde CSS’nizde talep edilenlerden farklı bir yazı tipi sürümünü içerdiğiniz bir duruma neden olabilir.Bu, ziyaretçinin tarayıcısını aynı iki yazı tipi sürümünü indirmeye zorladığınız yetersiz bir duruma neden olabilir.Bundan kaçınmak için, özel yazı tiplerinizi mümkünse yerel olarak da barındırabilirsiniz.Ücretsiz OMGF eklentileri, Google yazı tipini WordPress’te yerel olarak yayınlamanıza yardımcı olabilir.Bu, otomatik olarak yalnızca üst yarıya yüklenen yazı tiplerini yüklemenize yardımcı olabilir.WP Rocket’in Google yazı tipini varsayılan olarak optimize ettiğini biliyor muydunuz?3. Crossorigine özniteliklerini kullandığınızdan emin olun Önceki yazı tipini yüklerken, koleksiyon çapraz orijin olmasa bile Crossorigine özniteliğini ayarlamak önemlidir.Bunu bir önceki kod örneğinde görebilirsiniz: Sebep karmaşık olmasına rağmen, sonuç, tarayıcının daha önce çapraz kesit nitelikleri olmadan yayınlanan yazı tiplerini göz ardı edeceğidir, bu da tarayıcının yazı tiplerini gerçekten iki kez almasına neden olur (bir kez Pramuian sırasında ve daha sonra başka bir zamanda başka bir zamanda daha önce yüklenmiş yazı tipleri). Makalemizi okuyun ve diğer tüm en iyi uygulamaları bulun! Sayfanın yükleme süresini artıran içerik, siteniz zaman kazanmanızı hissediyor ve WP roketinin sizin için çalışmasına izin verin! Alternatif olarak, sitenizin bölümüne bir kod eklemeniz gerekir. Pramuian yazı tipi sitenizin performansını iyileştirebilse de, yüklediğiniz yazı tiplerini ve biçimlerini yalnızca önemli üst yarım yazı tiplerinde sınırlandırmalısınız.
Google yazı tipleri gibi CDN yazı tiplerini kullanıyorsanız, yazı tipinizin CSS’nizle eşleştiğinden emin olun.
Çift yazı tipi dosyalarını almaktan kaçınmak için her zaman Crossorigine özniteliğini belirleyin.
Sitenizde yazı tiplerini kullanma şeklinizi geliştirmenin diğer yolları için, web yazı tiplerini optimize etmek için tam kılavuzumuza bakın.
