Hayati web çekirdeği nedir?
Bu blog yazısında, temel web hayati yaşamlarının ne olduğunu ve neden umursamalısınız. Mayıs 2020’de Google, web sitesi kullanıcısının deneyimini arama motoru algoritmasına girmeye başlayacaklarını açıkladı. Yani, kullanıcılar için daha dostça web siteleri, kullanımı zor web sitelerinden daha yüksek sıralanacaktır. Sonuç olarak, Google PagePeed Insight Aracı, her ikisi de kullanıcı deneyimini ölçmeye çalışan en büyük içerik boyası ve kümülatif bir düzen kayması gibi birkaç yeni metrik alır. Google Web Yöneticisi konsolu da temel web verileri bölümünü alır. Web siteniz temel web canlılarını değerlendiremezse, Google PagesPeed size şunları söyleyerek söyleyecektir:
Son 30 gün boyunca, alan verileri bu sayfanın temel web veri değerlendirmesini geçmediğini göstermektedir. Bu, iyi yayınlanmayan oldukça yeni bir gelişme olduğundan, birçok tüketici temel web hayati değerlerinin ne olduğunu ve bunu önemseyip önemsemeyeceklerini merak ediyor. Temel web verileri nedir? Çekirdek Web Vitals, Google’ın web Vitals adlı daha büyük bir girişimin parçasıdır. Web canlıları, sağlıklı web siteleri için önemli metrikler sunar. Kullanıcı deneyimini ölçen bir ölçüm koleksiyonudur. Web sitesi kullanıcısının deneyimini ölçerek veya numarayı ayarlayarak, sorunları kolayca teşhis edebilir ve düzeltebilirsiniz.
Web hayati girişiminin nihai amacı, kalite sinyalleri için entegre yönergeler sağlamaktır. Web sitesi kullanıcı deneyimleri hakkında bilgi veren geliştiricilere (ve sahiplerine) ölçülebilir veriler sağlayarak, bir bütün olarak site, geliştirmenin bu yönüne daha fazla odaklanmaya başlayacak ve son kullanıcılar kullanımı daha kolay deneyimlerden yararlanmaya başlayacaktır. Aynı zamanda, web hayati yaşamları kolayca anlaşılacak, kolay teşhis edilecek ve iyileştirilmesi kolay olacak şekilde tasarlanmıştır. Çekirdek web verileri, web sitesi kullanıcısının deneyimi hakkında odaklanmış bir fikir veren bir metrik koleksiyonudur. Anlaşması ve geliştirilmesi kolay üç temel web verisi vardır. Bu üç canlılık, web sitenizin yükleme süresini, web sitenizin etkileşimini ve web sitenizin görsel istikrarını ölçmenize yardımcı olur. Her bir çekirdek hayati web metriğini tartışalım, neyi temsil ettiğini, arkasındaki değerlendirmeyi ve her birini nasıl geliştirebileceğinizi tartışalım.
İlk hayati web çekirdeği, içeriğin en büyük içeriğidir. Puanınız 2,5 saniyenin altındaysa, bunu yapmaya hazırsınız ve puanınız 2,5 saniyenin üzerindeyse, bu metriği artırmaya odaklanmanız gerekir. En büyük içerik boyası, web sitenizdeki en büyük içerik öğesinin yüklenmesinin ne kadar sürdüğünü ölçer. Bunun nasıl ölçüldüğü, puanın neye neden olduğu ve burada nasıl geliştirebileceğinizi derinlemesine tartışan bir blog makalesi yayınlıyoruz.
Blog makalesini özetlemek gerekirse, web sitenizdeki en büyük içerik öğesi genellikle üstün bir resim veya büyük bir metin bloğudur (bu tam anlamıyla en büyük içerik öğesini ifade eder). En büyük içerik öğesinin 2,5 saniye içinde yüklenmesini sağlamak, bu metrik için iyi bir puan üretecektir. Genellikle, en büyük içerik öğesi görüntü veya metin bloğudur. Görüntüleri bir sonraki gen formatında değiştirerek, sıkıştırarak ve sunarak görüntüleri verimli bir şekilde kodlama, görüntü yükleme süresini ölçüyorsanız LCP’yi kesinlikle artıracaktır. En büyük içerik öğeniz metin ise, metnin arkasındaki yazı tiplerine odaklanın puanınızı artıracaktır. Örneğin, bir fan prematürü yapmazsanız, genellikle Rel = preload etiketini ekleyerek yükleme süresinin en az bir saniyesini azaltabilirsiniz. Bunu bu makaleyi okuyarak nasıl yapacağınızı öğrenebilirsiniz: https://isotropic.co/how-tosoad-Elementor- Fonts/
Bu ilginç bir metriktir çünkü sayfaya bağlı olarak değişir. Örneğin, ana sayfanızda en büyük içerik öğesi bir başlık olabilir. Ancak, blog sayfasında en büyük içerik öğeniz üstün bir görüntü olabilir. Web siteleri için en büyük ortalama daha yüksek içerik boyasını üretmek için tüm sayfalarınızın mümkün olduğunca çabuk yüklenecek şekilde optimize edilmesini sağlamak. Bir kez daha, 2,5 saniyenin altında bir puan almak istiyorsunuz. Bir kez daha, en büyük içerik boyası ile neyin ölçüldüğü ve burada nasıl geliştirebileceğiniz hakkında eksiksiz bir blog yazısı yayınlıyoruz. LCP metriklerinde başarısız olursanız (4.0 saniyeden fazla puan) okumanızı öneririz.
İlk girişte gecikme
İkinci hayati web çekirdeğine birinci giriş gecikmesi denir. Metrik ilk giriş gecikmesi ölçümleri sayfa etkileşimi. Bu hayati web’in anlaşılması oldukça kolaydır, çünkü tam olarak adıyla önerildiği gibi ölçülür: kullanıcının tarayıcı etkileşime yanıt verebileceği kadar kullanıcının sayfayla ilk etkileşime girdiği zaman. Kullanıcı sayfaları ile etkileşimi değişir, ancak en yaygın etkileşim tıklama düğmesi, tıklama bağlantısı veya JavaScript eylemidir. Zamanlayıcı, kullanıcının sayfa ile etkileşim kurmak için ne yaptığını kontrol etmeye başladı. Tarayıcı etkileşime yanıt verdikten hemen sonra zaman kontrolü durur. Beklendiği gibi, bu milisaniye cinsinden ölçülür çünkü bu hızlı bir olaydır. Resmi olarak, bu, ziyaretçilerinizin web sitenizin hızı hakkında sahip olacağı ilk izlenimi ölçmek için tasarlanmıştır. İlk giriş gecikmesi diğer sayfaların özel bir ölçümüdür. Bu da özellikle kullanıcılar içindir, çünkü ziyaretçiler arasında davranış değişecektir. Örneğin, ziyaretçiler ilk girişi olarak bağlantıyı tıklayabilirken, diğerleri ilk girişi olarak düğmeyi tıklayabilir. Bu çok daha teknik bir ölçümdür, ancak web siteniz genellikle iyi bir barındırma kullanırsanız, üçüncü taraf kodlarının etkisini azaltır, oluşturma engelleme kaynaklarını kaldırır ve JavaScript yürütme süresini azaltırsınız.
Kümülatif Düzen Değişimi
Ancak, kullanıcı etkileşimi olmadan içeriği teşvik eden yavaş bir yükleme reklamınız varsa, bu kötü bir düzende bir kayma olarak hesaplanır ve kümülatif düzen kaydırma puanınıza dahil edilir. CLS, düzeni bir araya getirerek bir araya getirir ve puanınız olarak yayınlar. 0.1’in altındaki puan iyidir ve 0.25 üzerindeki herhangi bir şey bir arıza değeridir. CLS çeşitli öğelerden kaynaklanabileceğinden, problemleri teşhis etmek ve düzeltmek her zaman kolay değildir. Videonuza ve resminize boyut özniteliğini ekleyerek başlayın (bu, görüntüyü yüklemek için bir yer olmasını sağlar, bu nedenle yüklenmesi yavaş olsa da, daha önce yüklenen içeriği zorlamaz). Ayrıca, kullanıcı etkileşimlerine yanıt dışında asla mevcut içeriğe içerik eklemeyin. Kümülatif düzen kayması, ne olduğu ve burada okuyabileceğiniz metriğinizi nasıl artıracağınız hakkında eksiksiz bir blog yazısı yazıyoruz: HTTPS: