Bu makale, kullanıcıları ve işletmeleri üzerinde olumlu etki gören şirketlerin örneklerini inceleyerek Core Web Vitals'ın önemli işletme metrikleriyle nasıl ilişkili olduğunu anlamanıza yardımcı olacaktır.
Paydaşlarınızı Core Web Vitals'ı kullanmaya ikna etmekte zorlanıyor musunuz? Yoksa bunun işletmenize gerçekten yardımcı olup olmadığını mı merak ediyorsunuz? Bu makale, kullanıcıları ve işletmeleri üzerinde olumlu etki gören şirketlerin örneklerini inceleyerek Core Web Vitals'ın önemli işletme metrikleriyle nasıl ilişkili olduğunu anlamanıza yardımcı olacaktır.
Videoları tercih ediyorsanız Google I/O'da yapılan bu konuşmaya göz atın:
Core Web Vitals, kullanıcılarınız ve işletmeniz için neden önemlidir?
Bir kuruluştaki farklı paydaşların farklı öncelikleri olabilir. Core Web Vitals, kullanıcı odaklı metrikleri optimize etmeye ve bunun sonucunda işletmenin büyümesine odaklanarak tüm bu tarafları aynı paydada buluşturabilir.
İyi Core Web Vitals değerlerine ulaşmak için izlenecek yol, performans yolculuğundaki konuma ve site tasarımının karmaşıklığına bağlı olarak siteden siteye değişiklik gösterebilir. Bu yol, kolayca elde edebileceğiniz sonuçlar elde etmekten zorlu sorunları çözen karmaşık çözümler uygulamaya kadar çeşitlilik gösterebilir. Karar verenlerin, harcanan süreden bağımsız olarak bu süreci işletmelerinin büyümesine yönelik uzun vadeli bir yatırım olarak değerlendirmesi gerekir. 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ürmeye yardımcı olur. Ürün yöneticileri için performans, yeni ürün özelliklerinin kalitesini ve başarısını tanımlayan önemli bir ölçüt olmalıdır. Ürün mükemmelliği ve ilginç zorluklarla çalışma, geliştirici memnuniyetini de artırır.
Sıralama sinyali olarak Core Web Vitals, performansa zaman ayırmak için ek motivasyon sağlar. Ancak Core Web Vitals'ı uygulamanın sıralamanın ötesinde kısa ve uzun vadede birçok faydası vardır. Kullanıcı deneyimine odaklandığı için Core Web Vitals'ı (sıralama üzerinde etkisi olmadan önce) benimseyen küresel ve yerel markalarla ilgili çeşitli örnek olaylara göz atalım.
Örnek olaylar
Vodafone
Vodafone (İtalya), LCP'yi %31 artırarak % 8 daha fazla satış elde etti.
Teknikler
- Kritik HTML'yi sunucu tarafında oluşturma.
- Oluşturmayı engelleyen JavaScript'i azaltın.
- Resim optimizasyon teknikleri.
- Hero resmini yeniden boyutlandırın, kritik olmayan kaynakları erteleyin.
Önemli bilgiler
- A/B testi, anlamlı etkiyi ölçmenin en iyi yoludur.
- A/B testi sunucu tarafında olmalıdır.
iCook
iCook, %10 daha fazla reklam geliri elde etmek için CLS'yi% 15 artırdı.
Teknikler
- Kullanıcı arayüzünde önceden ayrılmış reklam birimi boyutu ve sabit boyut reklam alanlarında daha az değişkenlik.
- Başlıktan teklif almaya öncelik vermek ve kritik olmayan JS'yi ertelemek için reklam komut dosyası yükleme mantığı optimize edildi.
Önemli bilgiler
Doluluk oranı etkilenebilir ancak reklam görüntülenebilirliğinin iyileştirilmesiyle birlikte gelir artışı elde edilir.
Tokopedia
Tokopedia, LCP'yi% 55 iyileştirdi ve ortalama oturum süresini% 23 artırdı.
Teknikler
- Sunucu tarafı oluşturma (SSR) LCP öğesi.
- LCP öğesini önceden yükleyin.
- Resim optimizasyonu (sıkıştırma, WebP, kritik olmayan resimleri geç yükleme).
Önemli bilgiler
- Ekipler arasındaki ilerlemeyi ve etkiyi izlemek için bir performans izleme kontrol paneli oluşturdu.
- Farklı oluşturma teknikleriyle denemeler yapın (örneğin, SSR LCP öğesi ve SSR sayfanın üst kısmındaki içerik ve tam istemci tarafı oluşturma).
Redbus
Önemli Web Verileri düzeltmeleri, Redbus'un küresel pazar mülklerinde% 80-100 mobil dönüşüm oranına (mDO) ve önemli bir alan sıralaması artışına katkıda bulundu.
Teknikler
- Sayfa bileşenleri için yuvaları düzeltmek ve optimize edilmemiş etiket ekleme komut dosyalarını kaldırmak CLS'yi iyileştirdi.
- Üçüncü taraf komut dosyalarını optimize etmek ve tek sorumluluk ilkesine göre mikro hizmetler oluşturmak, TTI ve TBT'yi önemli ölçüde azalttı.
Önemli bilgiler
- CLS'nin 1,65'ten 0'a düşürülmesi, dünya genelindeki alan adı sıralamalarını önemli ölçüde yükseltti.
- TTI'nin 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, dünya genelindeki mCVR'de% 80-100 artış sağladı.
- RUM araçlarını kullanmak, alt kademe pazarlardaki gerçek performans metriklerini yakalamaya yardımcı oldu.
- Gerileme yaşamamak için performans kültürü benimsemek çok önemlidir. Ayrıca, optimize edilmiş kod, daha hızlı sürümler ve daha az üretim sorunu sayesinde ekip üretkenliği de artar.
Yukarıdaki örnek olaylar, en iyi uygulamaları benimseyerek ve hızlı kazançlar elde ederek çok şey başarabileceğinizi gösteriyor. Bu noktaya dair gerçek hayattan birkaç örnek daha verelim.
Yukarıdaki sonuçlar, aşağıdaki gibi kolayca ulaşılabilecek hedeflere odaklanarak elde edildi:
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 alan ayırma |
Resim CDN'lerini kullanma | Oluşturmayı engelleyen ve kullanılmayan JS'yi kaldırma | Dinamik içerik için yüksekliği ayarlama |
Sıkıştırma | Kritik olmayan JS'yi geç yükleme | |
Kritik olmayan görselleri erteleme | Kritik JS'yi önceden yükleme | |
Hero resimlerini önceden yükleme | ||
En boy oranını belirtme |
Daha fazla en iyi uygulama için Web Vitals yönergelerine göz atın. İnternet sitenizi denetlemek ve hemen uygulanabilir öneriler almak için PageSpeed Insights'ı kullanın.
Core Web Vitals'a yatırım yaparak fayda sağlayan başka küresel markalar da vardır.
- Tencent Video, Core Web Vitals'ı geçerek videolarda % 70 daha iyi TO elde etti.
- Cdiscount, Efsane Cuma indiriminde % 6 gelir artışı elde etmek için 3 metriğin tümünü iyileştirdi.
- Wix, Core Web Vitals'i geçen mobil kaynak sayısını yılda% 250'den fazla artırdı.
- Nykaa, LCP'de% 40 oranında bir iyileşmenin T2/T3 şehirlerinden % 28 daha fazla organik trafik sağladığını tespit etti.
- NIKKEI STYLE'ın LCP'de% 18 oranında iyileşme sağlaması oturum başına% 9 daha fazla sayfa görüntüleme elde etmesine yol açtı.
- NDTV, diğer ürün değişikliklerinin yanı sıra LCP'yi yarıya indirdikten sonra % 50 daha iyi bir hemen çıkma oranı elde etti.
- Agrofy Market'in% 70 daha iyi LCP'si, yüklemeyi bırakmada% 76'lık düşüşle ilişkilendirildi..
- Flipkart, Core Web Vitals metriklerini iyileştirerek hemen çıkma oranında% 2,6 oranında düşüş elde etti.
- Ameba Manga, CLS puanını 10 kat artırarak okunan çizgi roman sayısını 2-3 kat artırdı.
- Yahoo! Japonya, CLS'yi düzeltti.Bu sayede, düşük kaliteli sayfalarda% 98 oranında azalma ve oturum başına sayfa görüntüleme sayısında% 15 artış elde edildi.
- AliExpress, CLS'yi 10 kat, LCP'yi ise iki kat iyileştirerek % 15 daha düşük hemen çıkma oranları elde etti.
- GEDI, CLS'de% 77, hemen çıkma oranında ise% 8 düşüş elde etti.
Hemen nasıl başlayabilirsiniz?
1. adım: Ölçümü başlatın
Gerçek Kullanıcı İzleme (RUM) araçlarını kullanarak sitenizin alan verilerini ölçmeye başlayın. Halihazırda çeşitli Google ve üçüncü taraf (3. taraf) RUM araçları mevcuttur.
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
- Calibre
- Mavi Üçgen
- Sentry
- SpeedCurve
- Raygun
Sizin için en uygun aracı seçin. Bir adım daha ileri gidip Temel 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'ı kullanmanın önemi ve şirketin işletme metrikleriyle olan ilişkisi hakkında paydaşlarınızı bilgilendirin.
- Küçük bir deneme başlatmak için şirket içinden bir sponsor bulun.
- Ekipler arasında Core Web Vitals'ı iyileştirmek için paydaşlar arasında ortak bir hedef oluşturun.
3. adım: Bu ipuçlarını kullanarak başarılı bir uygulama gerçekleştirin
- Öncelik verin: Anlamlı sonuçlar elde etmek için yüksek trafiğe ve/veya dönüşüm önemine sahip bir sayfa seçin (ör. reklam açılış sayfası, dönüşüm sayfası veya popüler sayfalar).
- A/B Testi: Olası oluşturma maliyetlerini önlemek için sunucu tarafı testini kullanın. Optimize edilmiş ve optimize edilmemiş sürümler arasındaki sonuçları karşılaştırın.
- İzleyin: Gerilemelerin önüne geçmek için sürekli izlemeyi kullanın.
Son olarak, performansın bir hedef değil, yolculuk olduğuna inanıyoruz. Bu bağlamda, bu makaleyi en son örnek olay özetleriyle güncellemeyi planlıyoruz. Ayrıca, işletmeniz için elde ettiğiniz etkileyici bir başarınız varsa ve bu makalede yer almak istiyorsanız içerik önerisi gönderin.