← Bütün yazılar

Hızlı bir site, yalnızca hızlı açılan bir site değildir.

Bir sayfa hemen açılabilir; ama ilk dokunuşunuza geç yanıt veriyorsa hızlı hissettirmez. Performans, ziyaretçinin sayfayla kurduğu ilişkinin tamamında ortaya çıkar.

Hız, hissedilen bir şey. konusunu açıklayan çizim

Üç ölçüm, üç ayrı soru

Core Web Vitals, deneyimi üç yönden ele alır. LCP, ana içeriğin görünür hâle gelmesini; INP, etkileşimlere yanıt hızını; CLS ise beklenmedik yerleşim kaymalarını ölçer. İyi deneyim eşikleri sırasıyla 2,5 saniye, 200 milisaniye ve 0,1’dir. Değerlendirme, mobil ve masaüstü ayrı tutularak ziyaretlerin 75. yüzdelik diliminde yapılır.

Bu üç ölçüm farklı sorunları görünür kılar. Örneğin bir menüye dokunduğunuzda hiçbir tepki alamamak ile okumaya başladığınız paragrafın aniden aşağı kayması aynı problem değildir. Tek bir toplam puana bakmak, bu ayrımı gözden kaçırabilir.

Ölçüm tanımları ve eşikler: Google Web Vitals.

Önce sorunun yerini bul

Kontrollü bir test, sorunu tekrar üretmek için değerlidir. Gerçek ziyaretçilerin farklı cihaz ve bağlantılarda yaşadıkları ise ayrı bir bilgi verir. Bu yüzden yerel test sonucunu bütün kullanıcıların deneyimi gibi yorumlamamak gerekir.

Bir haber sayfası düşünün: bilgisayarda hızlı açılıyor, daha eski bir telefonda ise büyük kapak görseli bekletiyor. İlk araştırılacak yer görselin kendisi olabilir; fakat gecikme sunucunun yanıtından veya kaynağın geç keşfedilmesinden de doğabilir. Önce hangi aşamanın süreyi uzattığını görmek, rastgele optimizasyondan daha faydalıdır.

İlk ekranın yolunu sadeleştir

Ana görselin gereğinden büyük olmaması ve tarayıcı tarafından erken bulunabilmesi önemlidir. İlk ekrandaki LCP görseline tembel yükleme uygulamak, tam tersine onu geciktirebilir. Sayfanın aşağısındaki görseller ise farklı önceliklerle yüklenebilir.

Buradaki temel fikir her kaynağı aynı anda öne almak değildir. Tarayıcıya, ziyaretçinin önce neye ihtiyaç duyduğunu doğru anlatmaktır. Bir portre sitesinde açılış fotoğrafı; bir makalede ise başlık ve metin daha belirleyici olabilir.

Yükleme önceliği ve teşhis yaklaşımı: LCP optimizasyon rehberi.

Yayından önce kısa bir yürüyüş

  • Sayfayı ilk kez açan biri hangi içeriği bekliyor?
  • Menü, form ve önemli düğmeler dokunulduğunda anlaşılır bir tepki veriyor mu?
  • Görseller yüklenirken metinler ve düğmeler yer değiştiriyor mu?
  • Aynı deneyim, daha dar bir ekranda ve daha yavaş bağlantıda nasıl davranıyor?

Bu soruları gerçek bir görevle birlikte denemek, sayıları anlamlı hâle getirir. Ziyaretçinin yapmak istediği iş kolaylaşıyorsa optimizasyonun karşılığı vardır.

Okuduğun için teşekkürler.Bu konu üzerine konuşalım

Okumaya devam

Kimlik tamam. Peki ya yetki?