Web Sitesi Hızı Neden Önemli? Core Web Vitals Rehberi
Core Web Vitals eşiklerinin Google'ın kendi dokümanlarındaki hâli, sitenizi iki dakikada ölçmenin adımları ve hangi belirtinin hangi metriğe işaret ettiğini gösteren teşhis tablosu.
Güncellendi: 14 dk okuma
Web sitesi hızı, ziyaretçinin sayfayı görmesiyle onu kullanabilmesi arasındaki süreyi belirler. Google bunu üç ölçüyle takip ediyor. Ana içeriğin görünmesi 2,5 saniye veya altı, dokunmaya tepki 200 milisaniye veya altı, yüklenirken düzen kayması 0,1 veya altı olmalı. Üç değer de ücretsiz araçlarla ölçülüyor ve hepsi Google'ın kendi dokümanlarında yazılı.
Ama bir ayrım var. Sitenin yavaş olduğunu hissetmekle hangi ölçünün kötü olduğunu bilmek ayrı şeyler. Yüklenmesi iki saniye süren ama dokunmaya yarım saniye sonra cevap veren bir sitede görselleri sıkıştırmak hiçbir şeyi değiştirmez. Aşağıdaki sıra en ucuz kontrolden en pahalı müdahaleye doğru gidiyor.
Kısaca
- 1Eşikler Google'ın kendi dokümanlarında yazılı: LCP 2,5 saniye veya altı, INP 200 milisaniye veya altı, CLS 0,1 veya altı. Değerlendirme tek bir ziyarete değil, ziyaretlerin 75. persentiline bakıyor.
- 2PageSpeed'in 0-100 puanı Core Web Vitals ile aynı şey değil. Puanın en büyük kalemi %30 ağırlıkla TBT ve puanın içinde INP hiç yok.
- 3Sayfanız az ziyaret alıyorsa PageSpeed Insights sessizce alan adının geneline düşer; ekrandaki veri test ettiğiniz sayfaya ait olmayabilir.
- 4FID 12 Mart 2024'te programdan çıktı, yerine INP geçti. Eski rehberlerdeki FID bölümleri artık geçerli değil.
Hız neden bu kadar konuşuluyor?
Yerel işletme sitelerine gelen trafiğin büyük kısmı telefondan gelir. Müşteri yolda, sırada ya da başka bir sekmede karar verir. Sayfa açılana kadar geçen her saniye o kararın rakibe kaymasına açık bir kapı bırakır.
Reklam veriyorsanız hesap daha da nettir. Tıklamanın parasını sayfa açılmadan da ödersiniz. Google Ads'in reklam sıralamasında açılış sayfası deneyimini de değerlendirdiğini Google Ads rehberimizde anlatmıştık.
Sıralama tarafında ise Google'ın kendi ifadesi sanıldığından ölçülü. Sayfa deneyimi dokümanında "There is no single signal. Our core ranking systems look at a variety of signals that align with overall page experience" yazıyor, yani tek bir sayfa deneyimi sinyali yok. Aynı sayfa "Core Web Vitals are used by our ranking systems" diyerek bu metriklerin sıralama sistemlerinde kullanıldığını da doğruluyor. Devamında şu cümle geliyor, "Google Search always seeks to show the most relevant content, even if the page experience is sub-par."
Yani en alakalı içerik, deneyimi kusurlu olsa bile öne çıkabiliyor. Hız benzer kalitedeki sayfalar arasında fark yaratan bir unsur. Asıl kayıp sıralamada yaşanmaz. Siteye gelen ziyaretçinin arama düğmesine hiç dokunmadan geri dönmesinde yaşanır.
Kaçırıyor çoğu işletme bu ayrımı.
Sitenizi 2 dakikada nasıl ölçersiniz?
Ölçmeden düzeltmeye başlamayın. Şu dört adım telefonla bile yapılabilir ve hiçbir kurulum istemez.
- 1Tarayıcıda pagespeed.web.dev adresini açın.
- 2Kutuya ana sayfanızın tam adresini yapıştırın (başında https:// olacak şekilde) ve Analiz Et düğmesine basın.
- 3Sonuç gelince Mobil sekmesinde kalın. Masaüstü sekmesi genelde daha iyi görünür ve sizi yanıltır.
- 4En üstteki gerçek kullanıcı deneyimi bölümünde LCP, INP ve CLS satırlarını okuyun. Üçü de yeşilse değerlendirme geçmiş demektir.
Aynı testi reklamlarınızın indiği sayfa ve en çok ziyaret edilen hizmet sayfası için tekrarlayın. Üç ölçüm, üç ekran görüntüsü. Bu kadarı geliştiricinizle konuşmanız için yeterli, çünkü artık elinizde hangi sayfanın hangi metrikte takıldığını gösteren bir kayıt var ve konuşma somut bir satıra oturuyor.
Bir de şu tuzak var. Sayfanız az ziyaret alıyorsa Google o adres için yeterli gerçek kullanıcı verisi toplayamaz ve PageSpeed Insights sessizce alan adının tamamına geçer. Aracın dokümanında bu davranış "PSI will fall back to origin-level granularity" diye yazılı. Yani ekranda gördüğünüz değerler test ettiğiniz sayfaya değil, sitenin geneline ait olabilir. Başlığın hangi adresi işaret ettiğine bakın.
Saha verisi kendi içinde de gecikmelidir. Google bu verinin "the previous 28-day collection period" boyunca toplandığını söylüyor. Bugün yaptığınız düzeltme yarın tabloya yansımaz.
Belirtiden nedene: hızlı teşhis tablosu
Sitede hissettiğiniz belirti genelde tek bir metriğe işaret eder. Tabloyu soldan sağa okuyun ve kendi durumunuza en yakın satırı bulun.
Son satır özellikle önemli. Search Console benzer sayfaları gruplayıp tek bir durum verir, bu yüzden bir şablon hatası yüzlerce adresi aynı anda kırmızıya çevirebilir.
| Belirti | Olası neden | Nasıl kontrol edilir | Kim düzeltir |
|---|---|---|---|
| Sayfa açılırken uzun süre boş kalıyor | Sunucu ilk yanıtı geç veriyor ya da ana görsel çok büyük | PageSpeed Insights'ta LCP değeri ve teşhis bölümündeki sunucu yanıt süresi satırı | Geliştirici (sunucu, önbellek), siz (görsel boyutu) |
| Başlık hemen geliyor, büyük görsel geç oturuyor | Ana görsel geç yükleme (lazy load) ile işaretlenmiş | PageSpeed Insights sonucunda LCP öğesinin hangi öğe olduğu yazar | Geliştirici |
| Çerez bildirimi ya da kampanya bandı içeriği aşağı itiyor | Sonradan gelen öğe için sayfada yer ayrılmamış | Siteyi telefondan açıp ilk üç saniyeyi izleyin | Geliştirici |
| Menüye ya da butona dokununca bir an hiçbir şey olmuyor | Tarayıcının ana iş parçacığı script'lerle meşgul | Saha verisinde INP, laboratuvar verisinde Toplam Engelleme Süresi | Geliştirici |
| Masaüstünde hızlı, telefonda ağır | Mobil için küçültülmüş görsel yok, tema ağır | PageSpeed Insights'ta Mobil sekmesini ayrı çalıştırın | Geliştirici |
| Yeni fotoğraf ekledikçe site yavaşlıyor | Ham fotoğraflar küçültülmeden yükleniyor | Yüklemeden önce dosya boyutuna bakın | Siz |
| Search Console'da Kötü sayfa sayısı artıyor | Sorun tek sayfada değil, şablonda | Search Console > Deneyim > Önemli Web Verileri raporundaki gruplar | Geliştirici |
Üç metrik ve Google'ın verdiği eşikler
Core Web Vitals üç ölçüden oluşuyor ve her birinin kendi eşiği var. Aşağıdaki değerler web.dev'deki metrik sayfalarından.
- LCP (Largest Contentful Paint): Ekrandaki en büyük içerik öğesinin görünür hâle gelme süresi. Google LCP sayfasında "sites should strive to have Largest Contentful Paint of 2.5 seconds or less" diyor; kötü sınırı için de "poor values are greater than 4.0 seconds" yazıyor.
- INP (Interaction to Next Paint): Dokunma, tıklama ya da klavye girişinden sonra sayfanın görsel tepki vermesine kadar geçen süre. Doküman üç aralığı ayırıyor. "An INP below or at 200 milliseconds means a page has good responsiveness", "An INP above 200 milliseconds and below or at 500 milliseconds means a page's responsiveness needs improvement", "An INP above 500 milliseconds means a page has poor responsiveness."
- CLS (Cumulative Layout Shift): Sayfa yüklenirken içeriğin beklenmedik kayma miktarı. CLS sayfasında "sites should strive to have a CLS score of 0.1 or less" ve "Poor values are greater than 0.25" yazıyor.
Bu sayıların tek bir ziyaretle ilgisi yok. Google değerlendirmeyi ziyaretlerin çoğunluğu üzerinden yapıyor ve web.dev bunu "a good threshold to measure is the 75th percentile of page loads, segmented across mobile and desktop devices" diye tanımlıyor. Sizin ofisteki fiber bağlantınızda tek seferlik açılış bu tabloyu temsil etmez.
FID artık yok, yerinde INP var
Eski rehberlerde sık geçen FID (First Input Delay) metriği programdan çıktı. Google'ın duyurusunda tarih açıkça yazılı, "INP will officially become a Core Web Vital and replace FID on March 12 of this year" deniyor ve yazı 2024 tarihli. Yani 12 Mart 2024'ten beri değerlendirmede INP var.
Fark ölçüm kapsamında. FID yalnız ilk etkileşimin gecikmesine bakıyordu. INP ziyaret boyunca yapılan etkileşimleri değerlendiriyor, bu da yavaş bir filtre ya da geç açılan bir menünün artık görünmesi anlamına geliyor.
CLS neden bir anlık kayma değil
CLS'yi anlamak için Google'ın oturum penceresi kuralını bilmek gerekiyor. Doküman düzen kaymasını "A layout shift occurs any time a visible element changes its position from one rendered frame to the next" diye tanımlıyor. Ardı ardına gelen kaymalar tek bir pencerede toplanıyor, "with less than 1-second in between each shift and a maximum of 5 seconds for the total window duration."
Bu yüzden geç yüklenen çerez bildirimi pahalıdır. Tek başına küçük bir kayma gibi görünür ama arkasından gelen banner ve yazı tipi değişimiyle aynı pencerede toplanır. Toplanır hepsi tek skorda.
PageSpeed puanı ile Core Web Vitals aynı şey değil
Sayfanın altındaki 0-100 puan, laboratuvar ölçümlerinden hesaplanan bir özet. Google'ın sıralamada kullandığı değer bu değil. Hangi metrikten kurulduğunu görünce fark netleşiyor.
Şaşırtıyor bu tablo çoğu kişiyi. En büyük ağırlık Core Web Vitals metriği olmayan TBT'de duruyor ve puanın içinde INP hiç geçmiyor. Laboratuvar testinde gerçek bir kullanıcı dokunuşu olmadığı için INP ölçülemiyor, onun yerine yakın bir gösterge olarak TBT raporlanıyor.
Puanın oynaklığı da Lighthouse dokümanında kabul ediliyor, "A lot of the variability in your overall Performance score and metric values is not due to Lighthouse" deniyor. Aynı sayfayı arka arkaya iki kez test edin, iki farklı sayı görürsünüz.
Buradan çıkan pratik sonuç sade. Puanı 100'e çıkarmak için içerikten, formdan ya da ölçüm kodundan vazgeçmek kötü bir takas. Üç metriğin de yeşil olması, 92 yerine 100 görmekten daha değerli.
| Metrik | Performans puanındaki ağırlığı | Core Web Vitals metriği mi |
|---|---|---|
| First Contentful Paint | %10 | Hayır |
| Speed Index | %10 | Hayır |
| Largest Contentful Paint (LCP) | %25 | Evet |
| Total Blocking Time (TBT) | %30 | Hayır |
| Cumulative Layout Shift (CLS) | %25 | Evet |
| Interaction to Next Paint (INP) | Puanda yok | Evet |
"3 saniye kuralı" neden yanlış yere bakmanıza yol açıyor
Türkçe rehberlerin çoğunda aynı cümle dönüyor. Biri "bir web sitesi 3 saniyeden uzun sürede açılıyorsa ziyaretçilerin büyük kısmı siteyi terk ediyor" diyor, bir diğeri yükleme süresi 1 saniyeden 3 saniyeye çıkınca terk oranının belli bir yüzde arttığını yazıyor.
Bu kısayolun iki sorunu var. Birincisi, Google'ın ölçtüğü şey tek bir sayfa açılma süresi değil; üç ayrı metrik ve her birinin ayrı eşiği var. İkincisi, değerlendirme tek bir ziyaretin süresine değil, ziyaretlerin 75. persentiline bakıyor.
Somut bir örnek üzerinden bakalım. LCP'si 2 saniye olan bir site "3 saniye kuralı"na göre hızlı sayılır. Aynı sitenin INP'si 600 milisaniyeyse Google'ın tanımına göre tepkisi kötü, çünkü doküman 500 milisaniye üstünü açıkça kötü sayıyor. Görsel sıkıştırarak burada hiçbir şey kazanmazsınız. Sorunun adresi script'ler.
Önce ölçün, sonra hangi metriğin kırmızı olduğuna göre iş sırası kurun.
Siteyi yavaşlatan nedenler ve her birinin sahibi
Yerel işletme sitelerinde aynı beş kalem dönüp duruyor. Hangisinin sizde etkili olduğunu ölçüm söyler.
Görseller
En yaygın ve en ucuz düzeltilen kalem bu. Görselleri gösterildikleri boyuta küçültmek, WebP ya da AVIF gibi formatlara çevirmek ve her görsele genişlik ile yükseklik bilgisi vermek üç sorunu birden azaltır.
Bir restoran ve kafe projesinde yüzlerce MB'lık sıkıştırılmamış ham fotoğrafın site kaynağına girdiğini gördük. Yemek ve mekân fotoğrafı ağırlıklı çalışan işletmelerde bu risk daha yüksek; restoran ve kafe çözümlerimizde görsel akışını en baştan kurmamızın nedeni de bu.
Geç yükleme konusunda bir incelik var. Sayfanın altındaki görselleri geç yüklemek kazanç getirir. Ama ilk ekrandaki ana görseli geç yüklemeyle işaretlemek LCP'yi doğrudan kötüleştirir, çünkü Google'ın LCP olarak saydığı öğeler arasında img etiketi ve arka plan görseli de var.
Eklentiler ve üçüncü taraf script'ler
Sayfa oluşturucular, slider'lar, sohbet balonları, birden fazla analiz ve piksel kodu tarayıcının ana iş parçacığını meşgul eder. INP tarafındaki asıl yük burada birikir.
Sitenizde kaç takip kodu olduğunu çoğu zaman siz de bilmezsiniz. Yıllar içinde eklenmiş, kampanyası bitmiş, kaldırılmamış kodlar birikir. Unutuluyor genelde bu temizlik.
Yazı tipleri
Üç ayrı yazı tipi ailesi ve her birinden dört ağırlık yüklemek ilk görüntülemeyi geciktirir. İki aile ve gerçekten kullandığınız ağırlıklar çoğu site için yeterli. Metnin yazı tipi yüklenirken de görünür kalması CLS tarafında işe yarar.
Sunucu, önbellek ve sıkıştırma
Sunucu ilk yanıtı geç veriyorsa diğer bütün iyileştirmeler tavana çarpar. Kalabalık paylaşımlı sunucular ve hedef kitlenize uzak veri merkezleri bu gecikmeyi büyütür.
Sayfa önbelleği, tarayıcı önbelleği ve metin dosyalarının sıkıştırılması tekrar ziyaretlerde belirgin fark yaratır. Bu üçü genelde hosting paneli ya da bir eklenti üzerinden açılır ve teknik bilgi ister. Sunucu, önbellek ayarları ve güncellemeler sizin yerinize takip edilsin istiyorsanız hosting ve bakım hizmetimiz tam olarak bu işi kapsıyor.
Sonradan gelen bloklar
Otomatik oynayan arka plan videoları, ilk ekranı kaplayan açılır pencereler ve geç yüklenip içeriği aşağı iten bildirimler hem LCP'yi hem CLS'yi bozar. Reklam trafiği alan sayfalarda bu daha pahalıya mal olur, çünkü her ziyaretçi için zaten ödeme yapılmıştır. Hızlı ve odaklı bir kampanya sayfasının nasıl kurgulandığını landing page yazımızda anlattık.
Search Console'da site geneline bakmak
Tek tek sayfa test etmek bir yere kadar gider. Sitenin genelinde hangi sorunun kaç sayfayı etkilediğini görmek için Search Console raporu gerekir.
- 1Search Console'da mülkünüzü seçin, sol menüde Deneyim başlığı altındaki Önemli Web Verileri raporunu açın. Doğrudan adresi search.google.com/search-console/core-web-vitals.
- 2Mobil raporla başlayın. Google'ın yardım sayfası raporun sayfaları üç durumda grupladığını söylüyor, "grouped by status (Poor, Need improvement, Good)".
- 3Bir soruna tıklayıp örnek adresleri alın, bunları PageSpeed Insights'ta tek tek açın.
- 4Düzeltme yayına girdikten sonra rapordaki doğrulamayı başlatın. Google bunu "Click Start Tracking to start a 28-day monitoring session" diye tarif ediyor, yani sonucu görmek için 28 günlük bir izleme penceresi açılıyor.
Raporda hiç veri görmeyebilirsiniz. Yeni açılmış ya da az ziyaret alan sitelerde bu normaldir ve bir hata değildir; yeterli gerçek kullanıcı verisi birikene kadar laboratuvar sonuçlarıyla çalışırsınız.
Raporun asıl değeri de burada ortaya çıkıyor, çünkü tek tek sayfa test ederken gözden kaçan şablon hatalarını gruplar hâlinde önünüze koyuyor ve hangi düzeltmenin kaç sayfayı birden kurtaracağını görmenizi sağlıyor.
Ayda bir geçilecek kontrol listesi
Aşağıdaki listeyi telefonunuz elinizdeyken sırayla geçin.
Listede üçten fazla eksik varsa ölçüm yapmadan tahmin yürütüyorsunuz demektir.
- Ana sayfa, en önemli hizmet sayfası ve reklamın indiği sayfa PageSpeed Insights'ta mobil olarak test edildi
- Üç sayfanın da LCP, INP ve CLS satırları yeşil
- PageSpeed Insights sonucunda verinin sayfaya mı alan adına mı ait olduğu kontrol edildi
- Search Console > Deneyim > Önemli Web Verileri raporunda Kötü durumda sayfa yok
- Site, Wi-Fi kapalıyken telefondan açıldığında başlık ve ana görsel ilk saniyelerde görünüyor
- Sayfa yüklenirken butonlar ve metinler yer değiştirmiyor
- Arama, menü ve WhatsApp butonları dokunulduğunda bekletmeden tepki veriyor
- Son ay eklenen fotoğraflar yüklenmeden önce küçültülmüş
- Kampanyası biten takip kodları ve kullanılmayan eklentiler kaldırıldı
- Hosting, önbellek ve güncellemelerin kimin sorumluluğunda olduğu yazılı
Bu işin sırası ne zaman değildir
Hız çalışması her zaman ilk iş değil.
Sitenizde henüz iletişim bilgisi, hizmet açıklaması ya da çalışan bir form yoksa milisaniye kovalamanın karşılığı olmaz. Önce sayfanın işini yapması gerekir. Aynı şekilde aylık ziyaretçi sayısı çok düşük bir sitede Core Web Vitals raporu boş kalacağı için ölçemediğiniz bir şeyi iyileştirmeye çalışırsınız; o durumda enerjinizi görünürlüğe verin. Yerel aramalarda görünürlüğü neyin belirlediğini yerel SEO rehberimizde anlattık.
Üç metrik de yeşilse durun. Yeşilden daha yeşil yok ve Google eşiği geçmiş sayfalar arasında hız sırasına göre ek bir puan dağıtmıyor.
Kim düzeltir, ne zaman yardım alınır
Tablodaki siz satırları gerçekten sizin işiniz. Fotoğrafı yüklemeden önce küçültmek, kullanılmayan eklentiyi kaldırmak, ayda bir ölçüm almak bir saatlik bir alışkanlık.
Geri kalanı kod, sunucu ve tema tarafında. Şu işaretlerden ikisi birden varsa tek başınıza çözemezsiniz. Search Console raporunda Kötü grubu şablon seviyesinde ve büyüyor. Sunucu yanıt süresi düzeltilen görsellere rağmen yüksek kalıyor. Tema ya da sayfa oluşturucu her güncellemede aynı sorunu geri getiriyor.
Bu üç işaret aynı anda görünüyorsa mesele tek tek dosyaları sıkıştırmakta bitmiyor, çünkü sorunu üreten şey sitenin kurulduğu yapının kendisidir ve her düzeltme bir sonraki güncellemede geri alınır.
Hızı içerik, teknik kurgu ve yerel görünürlükle birlikte ele alan bir çalışma için SEO hizmetimize bakabilir, sitenizin mevcut ölçümlerini konuşmak için bize yazabilirsiniz.
Sıkça sorulan sorular
Kaynaklar
- web.dev: Core Web Vitals
- web.dev: Largest Contentful Paint (LCP)
- web.dev: Interaction to Next Paint (INP)
- web.dev: Cumulative Layout Shift (CLS)
- Google Search Central: Sayfa deneyimi ve Google Arama
- PageSpeed Insights hakkında: saha ve laboratuvar verisi
- Search Console Yardım: Core Web Vitals raporu
- Lighthouse performans puanı nasıl hesaplanır
Yusuf Güner
Yazılım ve teknik taraf
LineraSoft; yerel işletmeler için web sitesi, Google İşletme Profili, Google ve Meta reklamları üzerine çalışan İstanbul merkezli bir dijital ajanstır. Rehberlerimizde sahada uyguladığımız yöntemleri sade bir dille paylaşıyoruz.
Diğer yazılarına bakın