ASTRA 3.6 – Google Core Web Vitals’de mükemmel puan alın!
Bu Haziran ortasında ve çok beklenen bir Google Page Experience algoritması, Core Web Vitals (CWV) başlatılmaya başladı. Bugün, web sitenizin mükemmel puanlar almasına yardımcı olacak özelliklerle dolu Astra 3.6’nın lansmanını duyurmaktan mutluluk duyuyoruz! Sürüm 3.6 ayrıca Gutenberg Blok Düzenleyicisi’ne ve diğer performans iyileştirmelerine de tasarımda bir artış getirdi. Astra’da, DNA’nın temel kısmı hızlı ve yüksek performanslı web siteleri oluşturmak için sağlam bir çerçeve sunuyoruz. Bu güncelleme sadece başka bir yansımasıdır. Hayati web çekirdeği nedir? Google Core Web Vitals (CWV), web sitenizin nasıl yüklendiğiyle ilgili bir dizi metriktir ve ziyaretçilere olumlu bir deneyim sağlar.
Bu metrik üç bölüme ayrılmıştır:
En büyük içerikli kedi (LCP) – Sayfanın ana içeriğini yüklemek için gereken süre
İlk Giriş Gecikmesi (FID) – Sayfanın ihtiyaç duyduğu süre etkileşimli
Kümülatif Düzen Değişimi (CLS) – Görsel sayfa içeriğinde beklenmedik sayıda değişiklik
Bu metrik, Haziran 2021’den başlayarak Google’ın SEO ve sıralama algoritmasında önemli bir rol oynayacak. Bu yeni metriğin önemini göz önünde bulundurarak ve müşterilerimizin sahip olduğu birçok soruyu cevaplamak için, birkaç gün önce SkillJet Akademisi’nde tam bir ders yayınladık. Web sitelerinin hızı ve SEO’su konusunda ciddi olan herkesi kurs almaya teşvik edeceğim.
Bu 180 dakikalık kursta, CWV gibi karmaşık teknik unsurları açıklıyoruz, böylece Tekisi olmayan ve WordPress yeni başlayanlar tarafından erişilebilir. Ayrıca, ASTRA 3.6’nın en iyi CWV puanını elde etmek için nasıl özel özellikler tanıttığını keşfedelim: Google Fonts, kendiniz yayınlanan Google yazı tipleri, milyonlarca web sitesi tarafından kullanılan çok popüler 1000’den fazla yazı tipidir. Astra ve diğer birçok WordPress teması bu kütüphaneyi kullanır ve kullanıcılar için çeşitli tipografik seçenekler açan entegrasyon sunar.
Genellikle bu tür entegrasyon, Google sunucusuna istek göndermek ve oradan yazı tipi dosyalarını yüklemek anlamına gelir. Bu, herhangi bir Google yazı tipini yüklemek için yaygın bir uygulamadır.
Yazı tipi dosyası sunucunuzda barındırılacağından, daha hızlı yüklenir ve CWV (CLS) puanlarını artırır. Ayrıca önce yerel yazı tiplerini yüklemek için seçenekler sunduk. 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 metne uygulamaya başlayabilir. Google yazı tiplerinin yerel olarak nasıl yükleneceğine dair bazı istatistiklere bakalım, CWV puanınıza fayda sağlayacaktır – işte varsayılan düzen ve google yazı tipiyle 3.6’dan önce bir puan. 0.011. Bunun nedeni, sunucularına istek göndererek Google yazı tipini yüklemenin genel yoludur. Bu süreç birkaç milisaniye sürer. Sonuç olarak, daha yüksek bir CLS puanı göreceksiniz. Google yazı tiplerini yerel olarak yükleme Astra 3.6 CLS puanınızı artırın
Google yazı tipi yerel olarak depolanacağından, sunucuya bir istek göndermeye gerek yoktur. Sonunda yazı tipi yükleme süresini azaltmak ve size sıfır CLS puanı vermek – bu en iyi puan! Google yazı tipini yerel olarak yüklemek yalnızca CLS skorunu arttırmakla kalmaz, aynı zamanda yükleme sayfalarının hızını da artırır. Astra 3.6 ayrıca CLS skorlarını artırmak için başka değişiklikler de içermektedir.
Bunu daha fazla keşfedelim. CWV (CLS) skorlarının arttırılmasında CWV (CLS) puanlarını daha da arttırmak için bir başka artış, Astra’nın birkaç ana alanını geliştirdik. Artış küçük olabilir, ancak CWV (CLS) skoru üzerindeki etki olağanüstü! SVG logosu için yüksek – Varsayılan olarak, WordPress SVG logosunun yüksekliğini otomatik olarak hesaplamaz. Çünkü logoyu azaltabilir ve başlıktaki düzende beklenmedik değişikliklere neden olabilir. Astra 3.6, sitenizin CLS puanını daha da artırmak için JavaScript ile logo boyutunu değiştirir Hücresel başlıkları yükleme – Astra başlık üreticisiyle yapılan bir başlığı yüklerken mobil cihazda hiç anlık bir flaş gördünüz mü? Bu, JavaScript kodunu statik CSS ve Astra 3.6’da dinamik kesme noktasıyla değiştirerek aşıldı. Sonunda web siteniz için CLS puanlarını artırmak. WooCommerce ürünleri için miktar seçiminin kontrolü – WooCommerce ürün sayfasında, ‘Trolli’ye Ekle’ düğmesi dışındaki kontrollere dikkat etmiş olabilirsiniz. Kullanıcıların ürün sayısını seçebileceği yerler. Bu küçük bir kontrol olmasına rağmen, bu yüklenirken CLS skorunu etkiler. Düğmenin sol ve sağ marjını kullanarak en son ASTRA güncellemeleri ile düzelttik. Web siteniz için CLS puanlarını artırmanın yanı sıra, ASTRA 3.6 güncellemeleri iki önemli artış getiriyor. Yukarı GÖRMEK İÇİN DAHA FAZLA JQUERY YOK: Sayfaların yükleme hızını artırın Astra Pro Addon’umuzu basit ama çok etkili kullanıyorsunuz – web sitenize gidiyorsunuz? Adından da anlaşılacağı gibi, bu eklenti sayfanıza ‘kaydırma’ eklemeye yardımcı olur. Daha uzun bir sayfada, bu, sayfanın sonuna ulaştığınızda geri döndüğünüzde ağrıyı hafifletir.
En son Astra Pro sürümü, bu eklenti optimize ederek performansta etkileyici bir gelişme sunuyor. Başlangıçta çalışacak jQuery koduna bağlı olarak. Ama artık değil!
JQuery’yi tam JavaScript vanilya kodu ile değiştirdik. Bu dönüşüm, aşağıda gösterildiği gibi, performansın bir miktar iyileştirilmesine neden olur. Tam sayfa açık süresi%7 civarında azaltıldı ve sayfanın toplam boyutu%45 azaltıldı! Önceki Astra Pro sürümü için bir rapor aşağıdadır – işte Astra Pro Report’un en son sürümü –
Olağanüstü! hayır? Gutenberg Block Editor için daha iyi tasarım uyumluluğu, Astra’nın Gutenberg Blok Düzenleyicisi ile sorunsuz bir şekilde çalıştığı bir gerçektir. Blok editörleri ile uyumluluk konusunda daha fazla adım atın, ASTRA 3.6, UI/UX’i artıracak bir artış getiriyor.
Bu nedenle, son tasarımın nasıl görüleceğini görmek için sayfayı kaydetmeniz ve ön uçta görmeniz gerekmez. Blok düzenleyiciye uygulanan tüm renkleri ve tipografiyi içeren sayfaları görebilirsiniz.
