Bir ziyaretçi sitenize çoğu zaman telefondan, bir reklama ya da Google aramasına tıklayarak gelir. Sayfa geç açılıyorsa, butona bastığında bir şey olmuyorsa ya da okurken yazılar kayıyorsa, o ziyaretçi büyük ihtimalle geri döner. Google bu deneyimi Core Web Vitals adını verdiği üç ölçütle değerlendiriyor.
Bu yazı teknik ekip için değil, işletme sahibi için. Üç ölçütün ne anlama geldiğini, hangi değerlerin iyi sayıldığını ve kurumsal sitelerde en sık nerede sorun çıktığını anlatıyoruz.
Üç ölçüt, üç soru
Core Web Vitals, ziyaretçinin gözünden
Her ölçüt tek bir soruya cevap verir
Ekrandaki en büyük içeriğin (genellikle üst görsel veya başlık) görünür olma süresi.
Menüye, butona veya forma dokunulduğunda sayfanın tepki verme süresi.
Sayfa yüklenirken içeriklerin beklenmedik şekilde yer değiştirme miktarı.
Bu üçlüden INP en yenisi. Google, Mart 2024'te eski tepki ölçütü FID'nin yerine INP'yi getirdi. FID yalnızca ilk tıklamaya bakıyordu; INP ise ziyaretçinin sayfadaki tüm etkileşimlerini hesaba katıyor. Bu yüzden ağır eklentiler ve çok sayıda üçüncü taraf kod kullanan siteler, eski ölçütte iyi görünseler bile INP'de zorlanabiliyor.
Hangi değerler iyi sayılıyor?
İyi, geliştirilmeli ve zayıf eşikleri
Google'ın her ölçüt için belirlediği sınırlar
Önemli bir ayrıntı: Google bu değerlere tek bir ziyaretle değil, gerçek ziyaretçilerin deneyimiyle bakıyor. Bir sayfanın "iyi" sayılması için ziyaretlerin en az yüzde 75'inde üç ölçütün de iyi aralıkta olması gerekiyor ve bu, mobil ve masaüstü için ayrı ayrı değerlendiriliyor. Yani sizin hızlı ofis internetinizde sorunsuz açılan site, eski bir telefonda ve mobil veriyle zayıf kalabiliyor.
Kurumsal sitelerde en sık gördüğümüz sorunlar
Sorun ve çözüm eşleşmeleri
Kurumsal sitelerde sık rastlanan nedenler
| Ölçüt | Sık görülen neden | Ne yapılmalı? |
|---|---|---|
| LCP | Ana sayfanın en üstünde birkaç megabaytlık fotoğraf veya otomatik oynayan video | Görseli doğru boyutta ve WebP/AVIF formatında sunmak, üst görseli öncelikli yüklemek |
| LCP | Paylaşımlı, yavaş hosting ve önbellek olmaması | Önbellek ve içerik dağıtım ağı (CDN) kullanmak |
| INP | Çok sayıda eklenti, sohbet balonu ve izleme kodu | Gereksiz kodları kaldırmak, gerekenleri sayfa açıldıktan sonra yüklemek |
| INP | Ağır slider ve animasyon kütüphaneleri | Sade, hafif bileşenler kullanmak |
| CLS | Boyutu belirtilmemiş görseller ve geç yüklenen yazı tipleri | Görsellere genişlik ve yükseklik vermek, yazı tiplerini doğru yüklemek |
| CLS | İçeriği aşağı iten çerez bandı, duyuru şeridi veya açılır pencere | Bu alanlar için baştan yer ayırmak veya sayfanın üzerine yerleştirmek |
Sitenizi kendiniz nasıl kontrol edersiniz?
- PageSpeed Insights: pagespeed.web.dev adresine sitenizin adresini yazın. Sonuç sayfasının üstündeki gerçek kullanıcı deneyimi bölümü, yeterli ziyaretçiniz varsa üç ölçütün gerçek değerlerini gösterir. Alttaki puan ise test ortamındaki tek bir ölçümdür.
- Google Search Console: Sitenizi Search Console'a eklediyseniz "Core Web Vitals" raporu hangi sayfaların iyi, hangilerinin zayıf olduğunu gruplar halinde gösterir.
- Telefondan deneyin: Sitenizi mobil veriyle, tercihen birkaç yıllık bir telefondan açın. Menüye, iletişim butonuna ve forma dokunun. Ziyaretçinizin yaşadığını en dürüst bu test gösterir.
Yeni site yaptırırken sorulacak sorular
- Site, mobilde de Core Web Vitals'ın üç ölçütünde "iyi" aralıkta teslim edilecek mi?
- Görseller otomatik olarak doğru boyutta ve modern formatta sunulacak mı?
- Kaç eklenti ve üçüncü taraf kod kullanılacak, her biri gerçekten gerekli mi?
- Çerez bandı ve iletişim butonları sayfanın kaymasına neden olmayacak şekilde yerleştirilecek mi?
- Teslimden sonra hız ve hata takibi nasıl yapılacak?
Kurumsal sitenizin hızını ve mobil deneyimini birlikte incelemek isterseniz kurumsal web tasarım hizmetimize göz atabilir veya bize ulaşabilirsiniz.
Kaynaklar
- web.dev, "Web Vitals". web.dev/articles/vitals
- web.dev, "Interaction to Next Paint is officially a Core Web Vital", Mart 2024. web.dev/blog/inp-cwv-launch
- Google, PageSpeed Insights. pagespeed.web.dev