Bir müşteri sitenize girdi, sayfa 5 saniye açılmadı. Ne yapar? Çıkar, rakibinize gider. İşte site hızı tam olarak budur: kazandığınız ya da kaybettiğiniz müşteridir. Google da bunu artık resmi bir puanlama sistemiyle ölçüyor. Adı Core Web Vitals. Bu yazıda bu üç metriğin ne olduğunu, neden önemli olduğunu ve nasıl düzelteceğinizi anlatıyoruz.
Bu yazıyı masa başında tahmin ederek yazmıyoruz. Mersin SEO Ajans, aktif vergi mükellefi bir Limited Şirketi'dir; bu işi hobi olarak değil kurumsal olarak yapıyoruz. Mezitli'den Tarsus'a, Toroslar'dan Erdemli'ye onlarca işletmenin sitesini hızlandırdık. Aşağıda okuyacağınız her şey, her gün müşterilerimizin sitelerinde uyguladığımız işin ta kendisi.
Core Web Vitals, Google'ın sitenizin kullanıcı deneyimini ölçmek için kullandığı üç temel metriktir. Basitçe söyleyelim: Google bu üç ölçümle "bu site kullanıcıyı mutlu ediyor mu, yoksa sinirlendiriyor mu" sorusuna cevap arar. 2021 yılında resmi sıralama faktörü oldu. Yani bu metriklerde kötüyseniz, Google sizi geriye atar.
Üç metrik şunlardır: LCP, INP ve CLS. LCP sayfanın ne kadar hızlı açıldığını, INP sayfanın tıklamaya ne kadar hızlı cevap verdiğini, CLS ise sayfanın açılırken ne kadar zıpladığını ölçer. Aşağıdaki tabloda üçünü özetledik.
| Metrik | Ne Ölçer | İyi Değer | Kötü Değer |
|---|---|---|---|
| LCP (Largest Contentful Paint) | Ana içeriğin yüklenme süresi | 2,5 saniyenin altı | 4 saniyenin üstü |
| INP (Interaction to Next Paint) | Kullanıcı etkileşimine cevap süresi | 200 milisaniyenin altı | 500 milisaniyenin üstü |
| CLS (Cumulative Layout Shift) | Sayfanın görsel kayma miktarı | 0,1'in altı | 0,25'in üstü |
Bu üçünün arasındaki en önemli nokta şu: üçü de doğrudan kullanıcı deneyimini ölçer. Google artık sadece "siteniz teknik olarak doğru mu" diye bakmıyor, "kullanıcı sitenizde rahat mı" diye bakıyor.
LCP, "Largest Contentful Paint" yani en büyük içerik öğesinin boyanma süresidir. Türkçeye çevirirsek: kullanıcının ekranda gördüğü en büyük görsel ya da yazı bloğu kaç saniyede göründü? Çoğu sitede bu, sayfanın üst kısmındaki büyük bir fotoğraf ya da başlık görselidir. Mersin'de bir otelin sitesini düşünün: deniz manzarası fotoğrafı 4 saniyede yükleniyorsa, LCP'niz kötüdür.
LCP'nin en yaygın suçlusu büyük ve sıkıştırılmamış görsellerdir. 5 MB'lık bir fotoğrafı olduğu gibi siteye koymak, bu metriği tek başına öldürür. İkinci suçlu da sunucu tepki süresidir. Yavaş bir hosting, her şeyi yavaşlatır. Üçüncüsü ise JavaScript yığınıdır: ekranda ilk görünen şeyi geciktiren gereksiz kodlar.
INP, "Interaction to Next Paint" yani etkileşimden sonraki boyamaya kadar geçen süredir. Kullanıcı bir menüye tıkladı, bir forma yazı yazdı, bir butona bastı. Site buna ne kadar sürede tepki verdi? 200 milisaniyenin altındaysa iyi, 500 milisaniyenin üstünde ise kullanıcı "bu site dondu" hissine kapılır.
INP, Core Web Vitals ailesinin en yeni üyesidir. Google 2024 yılında eski FID metriğini INP ile değiştirdi. Sebebi basit: FID sadece ilk tıklamayı ölçüyordu, INP ise sayfa boyunca bütün etkileşimleri ölçüyor. Yani artık bir kullanıcının sitenizdeki en kötü anı bile hesaba katılıyor. Ağır JavaScript çalıştıran siteler, menüleri geç açılan sayfalar, çok sayıda eklenti yükleyen WordPress siteleri burada kötü puan alır.
CLS, "Cumulative Layout Shift" yani birikimli düzen kaymasıdır. Şu durumu mutlaka yaşamışsınızdır: bir sayfada yazı okuyorsunuz, tam tıklayacaksınız, sayfa birden kayıyor ve yanlış yere basıyorsunuz. İşte bu CLS'dir. Görselin sonradan yüklenip sayfayı aşağı itmesi, reklamın sonradan gelip içeriği kaydırması, yazı tipinin sonradan değişmesi. Hepsi CLS'yi büyütür.
CLS'nin en büyük kaynağı, boyutu önceden belirlenmemiş görseller ve videolardır. Bir fotoğraf için HTML'de genişlik ve yükseklik değeri yazmadıysanız, tarayıcı o alanı bilmez. Görsel yüklenince her şey bir anda kayar. Mersin'de bir emlak sitesinde ilan fotoğrafları böyle yükleniyorsa, müşteri "yanlış ilana" tıklamış olur ve siteden soğur.
Üç sebebi var. Birincisi, Google bunu resmi sıralama sinyali yaptı. Bu metriklerde kötüyseniz, sıralamada gerilersiniz. İkincisi, yavaş site dönüşümü öldürür. Araştırmalar gösteriyor: sayfa 1 saniyeden 3 saniyeye yavaşladığında, ziyaretçinin siteyi terk etme ihtimali yüzde 32 artar. Üçüncüsü, mobil kullanıcılar sabırsızdır. Mersin'de bir müşteri telefonundan "Mersin lokanta" diye arayıp sitenize girdiğinde, sayfa açılmazsa 2 saniye içinde geri döner.
Bir de reklam tarafı var. Google Ads yayınlıyorsanız, yavaş açılış sayfanızın kalite puanını düşürür. Kalite puanı düşünce tıklama başı maliyetiniz artar. Yani yavaş site, reklam bütçenizi de boş yere yakar. Hızlı site ise hem organikte hem reklamda kazandırır.
Site hızı, Google'ın 200'den fazla sıralama sinyalinden biridir ama etkisi sanıldığından büyüktür. Google 2018'den beri hızı resmi faktör olarak kullanıyor. Ancak şunu net söyleyelim: hız tek başına sizi 1 numaraya taşımaz. İçerik kalitesi, güvenilirlik ve bağlantılar hâlâ daha ağırdır. Hız, bu temel faktörler iyiyken sizi rakiplerinizin önüne geçiren şeydir.
İki site düşünün. İkisinin de içeriği aynı kalitede. Biri 2 saniyede, diğeri 6 saniyede açılıyor. Google kullanıcıya hangisini göstermeli? Cevap açık: hızlı olanı. Mersin'de "Mersin diş kliniği" aramasında iki rakip kliniğin sitesi varsa, hızlı olan avantajı kapar. Detaylı bilgi için SEO hizmeti sayfamıza bakabilirsiniz.
LCP'yi düzeltmenin dört temel yolu vardır. İlki, görselleri sıkıştırmaktır. WebP ya da AVIF formatına çevirin, boyutunu da küçültün. Bir görsel 1 MB'ın altına indiğinde LCP belirgin şekilde iyileşir. İkincisi, görsellere "lazy loading" uygulayın ama dikkat: ekranın en üstündeki ana görsele lazy loading uygulamayın. O görsel hemen yüklenmeli. Üçüncüsü, sunucuyu hızlandırın. Kaliteli bir hosting ve CDN kullanın. Dördüncüsü, ekranın üst kısmını bloke eden JavaScript ve CSS'i azaltın.
Pratik bir kural verelim: ekranın ilk görünen kısmındaki ana görsel, sizin LCP kahramanınızdır. Ona öncelik verin. Diğer bütün görseller sırasını bekleyebilir. Çoğu site bu basit kuralı uygulamadığı için yavaş kalır.
INP'yi düzeltmenin anahtarı, JavaScript'i hafifletmektir. Her tıklamada sayfayı kilitleyen uzun JavaScript görevleri, INP'yi patlatır. Öncelikle gereksiz eklentileri ve scriptleri kaldırın. Her bir WordPress eklentisi, sitenize ekstra kod yükler. 40 eklentili bir site, 5 eklentili bir siteden her zaman yavaştır.
İkinci adım, JavaScript görevlerini küçük parçalara bölmektir. Üçüncüsü, tarayıcıya verdiğiniz işleri ertelemektir. Kullanıcının hemen ihtiyaç duymadığı kodları arka plana alın. Dördüncüsü, menü ve form gibi etkileşimli öğeleri CSS ile yapabildiğiniz yerde JavaScript kullanmayın. Menü açılışını JavaScript yerine CSS ile yapan bir site, INP'de neredeyse her zaman iyi puan alır.
CLS'yi düzeltmek, çoğu zaman tek satırlık düzeltmelerle mümkündür. İlk kural: bütün görsellere ve videolara genişlik ile yükseklik değeri yazın. Tarayıcı böylece o alanı baştan ayırır, görsel yüklenince sayfa kaymaz. İkinci kural: reklam ve gömülü içerik alanlarına da boyut tanımlayın. Üçüncü kural: yazı tipi değişimini kontrol edin. Yazı tipi geç yüklendiğinde metin boyutu değişip sayfayı kaydırabilir; bunu "font-display: swap" ile yönetin.
Dördüncü kural: yeni içerikleri mevcut içeriğin üstüne eklemeyin. Bir sayfa açılırken yukarıdan aşağı kayan bannerlar, kullanıcının okuduğu yeri sürekli kaydırır. Özellikle mobilde bu durum çok can sıkar. CLS'si düşük bir site, kullanıcıya "bu site sağlam, burada güvendeyim" hissi verir.
Site hızını ölçmek için birkaç ücretsiz araç yeterlidir. Hepsini kendiniz kullanabilirsiniz, hiçbirine para ödemeniz gerekmez. Aşağıdaki tabloda en işe yarar araçları özetledik.
| Araç | Ne Gösterir | Kim Kullanmalı |
|---|---|---|
| PageSpeed Insights | Hem mobil hem masaüstü Core Web Vitals puanları | Her site sahibi, ilk bakış için |
| Google Search Console | Hangi sayfaların metrikleri kötü, gerçek kullanıcı verisi | Site sahipleri, düzenli takip için |
| Lighthouse | Detaylı hız raporu ve tek tek düzeltme önerileri | Geliştiriciler ve ajanslar |
| WebPageTest | Farklı cihaz ve konumlardan yükleme testi | Detaylı analiz isteyenler |
Size tavsiyemiz şu: ayda bir kez Search Console'daki "Core Web Vitals" raporuna bakın. Orada hangi sayfalarınızın kötü olduğunu Google size tek tek söyler. Sonra PageSpeed Insights ile o sayfayı açıp hangi düzeltmenin gerektiğini görün.
Yıllardır yüzlerce site inceledik. Mersin'deki işletmelerin sitelerinde en sık gördüğümüz hatalar hep aynıdır. Aşağıdaki tabloda bunları ve çözümlerini topladık.
| Yaygın Hata | Sonucu | Çözümü |
|---|---|---|
| 5 MB'lık ham fotoğraf yüklemek | LCP kötüleşir, sayfa ağır açılır | Görselleri WebP'ye çevirin, sıkıştırın |
| Ucuz ve yavaş hosting kullanmak | Sunucu tepkisi yavaşlar, her şey gecikir | Kaliteli hosting ve CDN'e geçin |
| 20'den fazla eklenti kurmak | INP düşer, tıklamalar gecikir | Gereksiz eklentileri silin |
| Görsele boyut değeri yazmamak | CLS artar, sayfa zıplar | Genişlik ve yükseklik değeri ekleyin |
| Otomatik oynayan video koymak | Bant genişliğini yer, sayfayı ağırlaştırır | Videoyu tıklamayla başlatın |
Bu hataların hepsi teknik görünür ama sonuçları tamamen ticaridir. Yavaş açılan bir site, Mezitli'deki bir lokantanın kapısına "içeri girmeyin" tabelası asmakla aynı şeydir. Hız sorununu çözmek çoğu zaman bir web tasarım revizyonudur. Bu konuda web tasarım sayfamız size yol gösterir.
Google'ın site hızını ve kullanıcı deneyimini ölçtüğü üç metriktir: LCP, INP ve CLS. LCP yüklenme süresini, INP etkileşim hızını, CLS sayfa kaymasını ölçer. Bu metrikler 2021'den beri resmi sıralama faktörüdür.
İdeal LCP değeri 2,5 saniyenin altındadır. 2,5 ile 4 saniye arası "iyileştirilmeli" sayılır, 4 saniyenin üstü kötüdür. Ana görselinizi sıkıştırarak ve hostinginizi hızlandırarak LCP'yi düşürürsünüz.
FID sadece ilk tıklamayı ölçüyordu, INP ise sayfa boyunca bütün etkileşimleri ölçer. Google 2024'te FID'yi INP ile değiştirdi. INP artık kullanıcının sitenizdeki en kötü etkileşim anını da hesaba katar.
Evet, resmi sıralama faktörüdür. Tek başına 1 numara yapmaz ama içerik ve güvenilirlik eşitken hızlı site öne geçer. Ayrıca yavaş site, Google Ads kalite puanını da düşürür.
PageSpeed Insights, Google Search Console, Lighthouse ve WebPageTest hepsi ücretsizdir. En pratik yol: PageSpeed Insights'a site adresinizi yazın, hem mobil hem masaüstü puanlarınızı anında görün.
CLS, sayfanın açılırken ne kadar zıpladığını ölçer. Sayfa kaydığında kullanıcı yanlış yere tıklar, okuduğu yeri kaybeder. Bu da siteden ayrılmaya yol açar. Görsellere boyut değeri yazarak CLS'yi düşürürsünüz.
WebP ve AVIF, JPEG ve PNG'den belirgin şekilde küçüktür. Aynı kalitede görsel, WebP'de çoğu zaman yarı boyutun altına iner. Site hızı için bütün görsellerinizi WebP'ye çevirin.
Evet, her eklenti ekstra kod demektir. 40 eklentili bir site, 5 eklentili bir siteden her zaman yavaştır. Kullanmadığınız eklentileri silin, sadece gerçekten ihtiyaç duyduklarınızı tutun.
Aktif vergi mükellefi, kurumsal bir şirketle çalışın. Mersin SEO Ajans, aktif vergi mükellefi bir Limited Şirketi'dir. Sitenizi ücretsiz inceler, hangi metriklerin kötü olduğunu rakamlarla gösteririz.
Basit düzeltmeler, görsel sıkıştırma ve boyut değerleri birkaç günde biter. Kapsamlı bir hız çalışması, hosting değişimi ve kod revizyonu 2 ila 4 hafta sürer. Sonucu genellikle ilk haftada görürsünüz.
Core Web Vitals, teknik bir konu gibi görünür ama özünde ticari bir konudur. Hızlı site, memnun müşteri demektir. Memnun müşteri, satın alan müşteridir. Google da bu yüzden hızı ölçüyor: kullanıcıya en iyi deneyimi sunan siteyi öne çıkarmak istiyor. Siz de sitenizi hızlandırarak hem Google'ın hem müşterinizin gözüne girebilirsiniz.
Kurucumuz Onur Ummak, İstanbul Üniversitesi mezunu. Bu işi videolardan izleyerek değil, yıllardır Mersin'de sahada yaparak öğrendik. Yüzlerce sitenin hız raporunu tek tek inceledik, düzelttik, sonuçlarını rakamlarla gördük. Her zaman işimizin arkasındayız.
Sitenizin Core Web Vitals puanlarını ücretsiz inceleyelim. Hangi metriklerin kötü olduğunu, nasıl düzelteceğimizi rakamlarla anlatalım. Menderes Mah. 35435 Sk No:26 AROS 21 Mezitli MERSİN 33340 adresindeyiz.