GRAINZDIGITALTeklif alın

Web performansı // İş önceliği

Core Web Vitals Sorunlarını İşletme Sahibi Nasıl Okumalı?

Hız raporunda kırmızı bir sayı görmek paniğe neden olabilir. Önce metriklerin hangi deneyimi anlattığını ve verinin gerçek kullanıcılardan mı yoksa tek bir laboratuvar testinden mi geldiğini ayırın. Core Web Vitals, sitenin bütün başarısını tek başına ölçmez; ama önemli sürtünmeleri görünür kılar.

Yayın: Güncelleme: Yazar: Burak Gökmen Çelik4 dk okuma
01

Üç metrik neyi gösterir?

LCP, ekrandaki en büyük ana içeriğin görünme zamanına bakar. Büyük bir hero görseli veya başlık geç yükleniyorsa kullanıcı site açılmış olsa bile aradığı mesajı bekler. INP, tıklama ve yazma gibi etkileşimlere yanıt gecikmesini anlatır; menü veya form düğmesi geç tepki veriyorsa bu kullanıcıya dokunur. CLS ise sayfanın beklenmedik biçimde kaymasını ölçer; düğme okunurken yer değiştiriyorsa yanlış dokunma olabilir.

Google'ın iyi deneyim eşikleri LCP için 2,5 saniye, INP için 200 milisaniye, CLS için 0,1 düzeyidir. Bunlar tek bir cihazdaki skor değil, uygun alan verisinde 75. yüzdelik değerlendirmedir. Bu yüzden ‘benim bilgisayarımda hızlı’ gözlemi yeterli olmaz.

Örnek: Otel sayfasında büyük görsel LCP'yi geciktiriyor, rezervasyon menüsünü açan ağır script INP'yi bozuyor, sonradan gelen kampanya bandı CLS yaratıyor. Üçü aynı sitede farklı düzeltme ister.

Üç metrik neyi gösterir?
MetrikKullanıcının gördüğü sorunİlk incelenecek şey
LCPAna görsel veya başlık geç görünürGörsel boyutu ve yükleme önceliği
INPTıklama gecikmeli yanıt verirUzun JavaScript işleri ve üçüncü taraf kod
CLSMetin veya düğme yer değiştirirBoyutsuz görsel ve geç eklenen bloklar
02

Alan verisi ile laboratuvar testini ayırın

PageSpeed Insights gerçek kullanıcı alan verisi sunabiliyorsa bu veri sitenin farklı cihaz ve bağlantılardaki deneyimini özetler. Lighthouse laboratuvar testi ise belirli koşullardaki tanılama aracıdır. Tek testteki 95 puan, bütün mobil kullanıcıların sorunsuz deneyim yaşadığını kanıtlamaz; tek testteki düşük puan da tek başına satış kaybı miktarını vermez.

Düşük trafikli sitede URL düzeyinde alan verisi bulunmayabilir. Bu durumda laboratuvar testini hata avı için kullanın, sonuçları gerçek cihazla gözleyin ve alan verisi yokluğunu sıfır sorun gibi yorumlamayın. Özellikle önemli şablonları test edin: ana sayfa, hizmet, ürün ve form.

Aynı sayfayı farklı gün ve saatlerde test ederek dalgalanmayı görün. Üçüncü taraf sohbet, reklam veya analitik kodları zamanla değişebilir. Değişiklikten önce ve sonra aynı ölçüm yöntemini kullanın.

03

İyileştirmeyi iş görevine göre sırala

Eğer ziyaretçinin çoğu mobilde hizmeti anlamak ve iletişim kurmak için geliyorsa önce bu sayfadaki ana mesaj, menü ve formu hızlandırın. Az ziyaret edilen bir animasyon demosunda mükemmel skor elde etmek daha düşük öncelikli olabilir.

LCP için yanlış boyutta hero görselini düzeltmek, INP için kullanılmayan ağır JavaScript'i kaldırmak, CLS için görsel alanını önceden ayırmak sık görülen işlerdir. Ancak her siteye aynı reçeteyi uygulamayın; raporun işaret ettiği öğeyi ve gerçek sayfa kodunu kontrol edin.

Hız iyileştirmesini tek başına birinci sıra veya dönüşüm garantisi olarak pazarlamayın. Kullanıcı hâlâ fiyat, kapsam veya güven bilgisini bulamıyorsa daha hızlı yüklenen sayfa da soruyu yanıtsız bırakır. Performans ile içerik ve dönüşüm yolunu birlikte değerlendirin.

04

Ajansa sorulacak performans soruları

‘Puanı yüze çıkarabilir misiniz?’ yerine şu soruları sorun: Hangi sayfa şablonu sorun yaşıyor? Gerçek kullanıcı alan verisi var mı? Sorun mobilde mi masaüstünde mi? Kullanıcının hangi görevi gecikiyor? Düzelttikten sonra aynı koşullarda nasıl ölçülecek? Bu sorular raporu uygulanabilir işe çevirir.

Bir otel sitesinde ağır video ilk görüntüyü geciktiriyorsa poster görseli ve geç yükleme düşünülebilir. Ürün sayfasında 3D deneyim ilk içerikten önce yükleniyorsa model isteğe bağlı açılabilir. Formda çok sayıda takip kodu tıklamayı geciktiriyorsa kullanılmayan kodlar kaldırılabilir. Her karar marka deneyimiyle birlikte değerlendirilir.

Düzeltmenin yan etkisini de test edin. Görsel küçültülünce metin okunmaz oldu mu? Script kaldırılınca form doğrulaması bozuldu mu? Performans işi yalnızca sayı azaltmak değildir; aynı görevin daha rahat tamamlanmasını sağlamalı.

05

Küçük bir pilotla başlayın

Bütçe kısıtlıysa bütün siteye aynı anda müdahale etmeyin. Önce en çok ziyaret edilen veya en kritik formu taşıyan şablonda bir iyileştirme yapın. Aynı test koşuluyla yeniden ölçün ve formun hâlâ çalıştığını görün. Bu yöntem hangi teknik işin fark yarattığını anlamayı kolaylaştırır. Sonucu site geneline yaymadan önce diğer şablonlarda da aynı sorunun olup olmadığını kontrol edin.

Burak Gökmen Çelik
Yazılım Mimarisi & Dijital Strateji

Burak Gökmen Çelik

Burak Gökmen Çelik, lisans eğitimini bilgisayar mühendisliği alanında tamamlamıştır. Kariyeri boyunca kripto para ve fintech platformları, yüksek trafikli web uygulamaları, yapay zekâ destekli sistemler ve dönüşüm odaklı dijital büyüme projelerinde liderlik etmiştir. Grainz Digital bünyesinde teknoloji yol haritası, Core Web Vitals performans mühendisliği, modern Jamstack/statik web mimarileri, LLM tabanlı GEO optimizasyonu ve veri odaklı büyüme stratejilerine liderlik etmektedir.

Bir sonraki adımı birlikte netleştirelim.

Web, görünürlük ve dönüşüm tek planda.

Proje görüşmesi talep edin