Önemli Web Verileri'nin iş üzerindeki etkisi

Bu makale, kullanıcıları ve işletmeleri üzerinde olumlu etkiye sahip şirketlere örnekler vererek Core Web Vitals'ın temel işletme metrikleriyle ilişkisini anlamanıza yardımcı olacaktır.

Saurabh Rajpal
Saurabh Rajpal
Swetha Gopalakrishnan
Swetha Gopalakrishnan

LCP, İGG, CLS

Paydaşlarınızı Önemli Web Verileri'ni kullanmaya ikna etmekte zorlanıyor musunuz? Yoksa bu çözümün işletmenize gerçekten yardımcı olup olmadığını mı merak ediyorsunuz? Bu makale, kullanıcıları ve işletmeleri üzerinde olumlu etki görmüş olan şirketlere örnekler vererek Core Web Vitals'ın önemli işletme metrikleriyle ilişkisini anlamanıza yardımcı olacaktır.

Video kullanmayı tercih ediyorsanız Google I/O'daki şu konuşmaya göz atabilirsiniz:

Core Web Vitals, kullanıcılarınız ve işletmeniz için neden önemlidir?

Bir kurumdaki farklı paydaşların farklı öncelikleri olabilir. Önemli Web Verileri, kullanıcı odaklı metrikleri optimize etmeye ve bunun sonucunda işinizin büyümesine odaklanarak hepsini aynı sayfaya taşıyabilir.

Core Web Vitals'ı düşünüyorum.

İyi Önemli Web Verileri'ne giden yol, performans yolculuğunun neresinde olduklarına ve site tasarımının ne kadar karmaşık olduğuna bağlı olarak siteden siteye değişebilir. Bu süreç, basit sonuçlara ulaşmaktan anlamlı sonuçlar elde etmekten zorlu sorunları düzelten karmaşık çözümler uygulamaya kadar değişiklik gösterebilir. Karar mercileri, harcanan süreden bağımsız olarak bunu işletmelerinin büyümesi için uzun vadeli bir yatırım olarak görmelidir. Hızlı ve sorunsuz bir gezinme deneyimi sunmak, kullanıcıları memnun eder ve onları sadık ve geri gelen müşterilere dönüştürmelerine yardımcı olur. Ürün yöneticileri için performans, yeni ürün özelliklerinin kalitesini ve başarısını tanımlayan önemli bir kriter olmalıdır. Ayrıca ürün mükemmelliği ve ilgi çekici zorluklar üzerinde çalışmak geliştirici memnuniyetini de artırır.

Bir sıralama sinyali olarak Önemli Web Verileri performansa zaman ayırmak için ek motivasyon sağlasa da Önemli Web Verileri'ni benimsemenin sıralama dışında birçok kısa ve uzun vadeli faydası vardır. Kullanıcı deneyimine odaklandığı için Core Web Vitals'ı (sıralamada etkisi olmadan önce) kullanmaya başlayan küresel ve yerel markalardan birkaç örnek olayı inceleyelim.

Örnek olaylar

Vodafone

Vodafone (İtalya), %8 daha fazla satış elde etmek için LCP'yi % 31 iyileştirdi.

Satışlarda% 8 artış

Teknikler

  • Kritik HTML'yi Sunucu Tarafında Oluşturma.
  • Oluşturmayı engelleyen JavaScript'i azaltın.
  • Resim optimizasyon teknikleri.
  • Lokomotif resmi yeniden boyutlandırın ve kritik olmayan kaynakları erteleyin.

Çıkarılan temel bilgiler

  • A/B testi, anlamlı etkiyi ölçmenin en iyi yoludur.
  • A/B, sunucu tarafı olmalıdır.

iCook

iCook% 10 daha fazla reklam geliri elde etmek için CLS'yi% 15 iyileştirdi.

Artan reklam gelirini gösteren grafik.

Teknikler

  • Kullanıcı arayüzünde önceden ayrılmış reklam birimi boyutu ve sabit boyutlu reklam alanları açısından daha az değişkenlik.
  • Başlıktan teklif almaya öncelik vermek ve kritik olmayan JS'yi ertelemek için optimize edilmiş reklam komut dosyası yükleme mantığı.

Çıkarılan temel bilgiler

Doluluk oranı etkilenebilir ancak reklam görüntülenebilirliği iyileşmesiyle birlikte sonuçta gelir artar.

Tokopedia

Tokopedia, LCP'yi% 55, ortalama oturum süresini ise% 23 iyileştirdi.

3,78 sn. önce, 1,72 sn sonra.

Teknikler

  • Sunucu tarafı oluşturma (SSR) LCP öğesi.
  • LCP Öğesini önceden yükle.
  • Resim optimizasyonu (sıkıştırma, WebP, kritik olmayan resimleri geç yükleme).

Çıkarılan temel bilgiler

  • Ekipler genelinde ilerlemeyi ve etkiyi izlemek için performans izleme kontrol paneli oluşturuldu.
  • Farklı oluşturma teknikleriyle denemeler yapıldı (örneğin, SSR LCP öğesi, ekranın üst kısmındaki SSR içeriği ve Tam istemci tarafı oluşturma).

Redbus

Önemli Web Verileri düzeltmeleri, %80-100 mobil dönüşüm oranlarına (mobil DO) ve Redbus'un küresel pazar mülklerinde alan sıralamasında önemli düzeyde artışa katkıda bulundu.

Kolombiya'da alan sıralamasında% 192 artış

Teknikler

Çıkarılan temel bilgiler

  • CLS'nin 1,65'ten 0'a düşürülmesi, dünya genelinde alan adı sıralamasını önemli ölçüde yükseltti.
  • TTI'nın yaklaşık 8 saniyeden yaklaşık 4 saniyeye ve TBT'nin yaklaşık 1.200 ms'den yaklaşık 700 ms'ye düşürülmesi, global mülklerde mobil DO'nun% 80-100 oranında artmasına katkıda bulundu.
  • RUM araçlarının kullanılması, alt katmanlı pazarlarda gerçek dünyadan performans metriklerinin elde edilmesine yardımcı oldu.
  • Regresyonu önlemek için performans kültürü benimsemek çok önemlidir. Bu yaklaşım, optimize edilmiş kod, daha hızlı yayınlar ve daha az üretim sorunu sayesinde ekibin üretkenliğini de artırır.

Yukarıdaki örnek olaylar, en iyi uygulamalardan yararlanıp hızlı kazanımları uygulayarak çok şey başarabileceğinizi gösteriyor. Aşağıda, bu noktanın gerçek hayattan birkaç örneği verilmiştir.

Netzwelt, reklam gelirinde yüzde 18 artış elde etti

Yukarıdaki sonuçlar, aşağıdakiler gibi daha kolay gösterilen meyvelerin yakalanmasıyla elde edilmiştir:

Resim optimizasyonu JavaScript optimizasyonu Reklamlar ve dinamik içerik
WebP resim biçimini kullanma Üçüncü taraf JS'yi erteleme Ekranın üst kısmındaki reklamlar için yer ayırma
Görüntü CDN'lerini kullanma Oluşturmayı engelleyen ve kullanılmayan JS'leri kaldırma Dinamik içerik için yükseklik ayarlama
Sıkıştırma Kritik olmayan JS'yi geç yükleme
Kritik olmayan resimleri erteleme Kritik JS'yi önceden yükleme
Lokomotif resimler önceden yükleniyor
En boy oranını belirtme

Diğer en iyi uygulamalar için Web Verileri kılavuzuna göz atın. Web sitenizi denetlemek ve hemen uygulanabilir öneriler almak için PageSpeed Insights'ı kullanın.

Ayrıca Core Web Vitals'a yatırım yaparak fayda sağlayan birkaç global marka daha var.

Hemen nasıl başlayabilirsiniz?

1. Adım: Ölçüme başlayın

Gerçek Kullanıcı İzleme (RUM) araçlarını kullanarak sitenizin alan verilerini ölçerek başlayın. Hâlihazırda çeşitli Google ve üçüncü taraf (3. taraf) RUM araçları mevcuttur.

RUM araçları

Google RUM araçları

  • Search Console
  • PageSpeed Insights
  • web-vitals JavaScript kitaplığı
  • Chrome Kullanıcı Deneyimi Raporu (CrUX)

Üçüncü taraf RUM araçları

  • Cloudflare
  • New Relic
  • Akamai
  • Kalibre
  • Mavi Üçgen
  • Tırnaklı
  • SpeedCurve
  • Raygun

Sizin için en uygun aracı seçin. Bir adım daha ileri gidip Önemli Web Verileri'ni işletme metriklerinizle ilişkilendirmek için Google Analytics 4 ile entegrasyon yapabilirsiniz.

2. Adım: Paydaşlarınızı ikna edin

  • Kullanıcı deneyimini iyileştirmek için Core Web Vitals'ı benimsemenin önemi ve bunun şirketin iş metrikleriyle olan ilişkisi hakkında paydaşlarınızı eğitin.
  • Küçük bir deneme başlatmak için şirket içinden bir sponsor edinin.
  • Önemli Web Verileri'ni ekipler genelinde iyileştirmek için paydaşlar arasında ortak bir hedef oluşturun.

3. Adım: Bu ipuçlarını kullanarak uygulamanın başarılı olmasını sağlayın

  • Öncelik belirleyin: Anlamlı sonuçlar sunmak için yüksek trafik ve/veya dönüşüm değeri içeren bir sayfa seçin (örneğin, reklam açılış sayfası, dönüşüm sayfası veya popüler sayfalar).
  • A/B Testi: Oluşturma maliyetinden kaçınmak için sunucu tarafı testini kullanın. Optimize edilmiş ve optimize edilmemiş sürümlerin sonuçlarını karşılaştırın.
  • İzleyin: Regresyonları önlemek için sürekli izlemeyi kullanın.

Son olarak, performansın bir varış noktası değil, yolculuk olduğunu düşünüyoruz. Ayrıca bu makaleyi, öne çıkan en yeni örnek olaylarla güncellemeye devam etmeyi planlıyoruz. İşletmenizde etkileyici bir başarı elde ettiyseniz ve bu makalede yer almak istiyorsanız bir içerik teklifi gönderin.