İçeriğe geç
4LPHA Software
Web

Google'ın sayfa deneyimi ölçütleri olan LCP, INP ve CLS'nin ne anlama geldiğini, sitenizi nasıl ölçeceğinizi ve en sık görülen yavaşlık nedenlerini sade bir dille anlatıyoruz.

4LPHA Software Ekibi3 dk okuma

Bir ziyaretçi sitenizi açtığında birkaç saniye içinde karar verir: kalmak ya da geri dönmek. Sayfa ne kadar geç açılırsa, ziyaretçinin beklemeden ayrılma ihtimali o kadar artar. Üstelik Google da hızlı ve kullanışlı sayfaları arama sonuçlarında ödüllendiriyor.

Bu yazıda Google'ın sayfa deneyimini ölçmek için kullandığı Core Web Vitals metriklerini ve sitenizi hızlandırmak için atabileceğiniz adımları anlatıyoruz.

01

Core Web Vitals nedir?

Core Web Vitals, gerçek kullanıcıların bir sayfayı nasıl deneyimlediğini ölçen üç metrikten oluşur:

MetrikNe ölçer?İyi değer
LCP (Largest Contentful Paint)Sayfadaki en büyük içeriğin ne kadar sürede göründüğü2,5 saniye veya altı
INP (Interaction to Next Paint)Bir tıklamaya ya da dokunuşa sayfanın ne kadar hızlı tepki verdiği200 milisaniye veya altı
CLS (Cumulative Layout Shift)Sayfa yüklenirken içeriklerin ne kadar kaydığı0,1 veya altı

Kısaca: Sayfa hızlı görünmeli, dokunduğunuzda hemen tepki vermeli ve yüklenirken zıplamamalı.

02

Sitenizi nasıl ölçersiniz?

En kolay yol, Google'ın ücretsiz aracı PageSpeed Insights. Adresinizi yazın ve hem mobil hem masaüstü sonuçlarına bakın. Mobil sonuç genellikle daha düşüktür ve daha önemlidir, çünkü ziyaretçilerinizin çoğu telefondan gelir.

Siteniz Google Search Console'a ekliyse, "Önemli Web Verileri" raporundan gerçek ziyaretçi verilerine dayanan sonuçları da görebilirsiniz.

03

En sık görülen yavaşlık nedenleri

Optimize edilmemiş görseller

Telefonla çekilmiş 5 MB'lık bir fotoğrafı doğrudan siteye yüklemek, en yaygın hatadır. Görseller WebP veya AVIF gibi modern biçimlere dönüştürülmeli ve ekran boyutuna göre farklı boyutlarda sunulmalıdır.

Gereksiz eklentiler ve kodlar

Hazır temalar ve eklentiler, kullanmadığınız özellikler için bile kod yükler. Her ek sohbet balonu, kaydırıcı ve sosyal medya widget'ı sayfanın açılmasını geciktirir.

Yavaş barındırma

Sunucunuz yavaşsa, sayfa daha tarayıcıya ulaşmadan zaman kaybedilir. Sitenin ziyaretçilere yakın sunuculardan (CDN) sunulması bu süreyi ciddi ölçüde kısaltır.

Yazı tipleri ve kayan içerikler

Geç yüklenen yazı tipleri ve boyutu belirtilmemiş görseller, sayfa yüklenirken içeriğin kaymasına (yüksek CLS) neden olur. Kullanıcı bir butona basmak üzereyken butonun yer değiştirmesi, en can sıkıcı deneyimlerden biridir.

04

Hız için yapılabilecekler

  1. Görselleri sıkıştırın ve modern biçimlere dönüştürün.
  2. Kullanılmayan eklenti ve kodları kaldırın.
  3. Sayfaları önceden oluşturup (statik üretim) bir CDN üzerinden sunun.
  4. Görsellere ve reklam alanlarına sabit boyut verin.
  5. Üçüncü taraf kodları (sohbet, analiz, reklam) yalnızca gerektiğinde yükleyin.

Bu sitede de aynı prensipleri uyguladık: Sayfalar önceden üretiliyor, yazı tipleri kendi sunucumuzdan geliyor ve harita gibi ağır içerikler yalnızca istediğinizde yükleniyor.

Kısaca

Sonuç

Hız, hem ziyaretçi memnuniyetinin hem de arama motoru görünürlüğünün temelidir. Sitenizi bugün PageSpeed Insights ile ölçün; sonuçlar sizi tatmin etmiyorsa birlikte inceleyelim. Web sitesi hizmetimiz hakkında ayrıntılı bilgi alabilir ya da bize yazabilirsiniz.

  • #site hızı
  • #core web vitals
  • #seo
  • #performans

4LPHA Software Ekibi

İşletmeler için web, mobil ve özel yazılım geliştiren İstanbul merkezli ekibimiz, sahada öğrendiklerini bu blogda paylaşıyor.

Aklınızdaki projeyi konuşalım.

Birkaç cümle yeterli. Aynı gün içinde dönüp ilk görüşmeyi planlarız; teklif ücretsizdir.