Sitenizin hızı neden önemli ve nasıl ölçülür?

Yavaş site, kapısı zor açılan dükkâna benzer. İçeride her şey yerli yerinde olabilir; kimse girmeye zahmet etmez. Üstelik hız, Google'ın sıralamada doğrudan kullandığı bir ölçüdür.

Ölçüm nasıl yapılır

pagespeed.web.dev adresine sitenizin adresini yazın. Ücretsizdir, üye olmak gerekmez. Mobil sonucuna bakın; masaüstü sonucu neredeyse her zaman daha iyidir ve sizi yanıltır.

Puan (0-100) tek başına anlamlı değildir. Altındaki üç ölçüye bakın:

• LCP (En büyük içerikli boyama). Sayfanın ana içeriğinin göründüğü an. 2,5 sn altı iyi, 4 sn üstü kötü.
• CLS (Düzen kayması). Sayfa açılırken içeriğin ne kadar zıpladığı. 0,1 altı iyi, 0,25 üstü kötü.
• INP (Etkileşimden boyamaya). Dokunduğunuzda cevap verme süresi. 200 ms altı iyi.

En sık üç sebep

1. Dışarıdan çekilen yazı tipleri

Site, yazı tipini başka bir sunucudan indirene kadar ekranı boş bırakabilir. Bu tek başına saniyeler ekler. Çözümü basittir: yazı tiplerini kendi sunucunuzdan verin ve önden yüklenmelerini söyleyin.

2. Sıkıştırılmayan dosyalar

Sitenin stil ve betik dosyaları düz metindir ve sıkıştırıldığında beşte birine iner. Sunucu sıkıştırmayı açmamışsa ziyaretçi her seferinde tam boyutu indirir. Bu, sunucuda tek bir ayardır.

3. Ölçeklenmemiş görseller

Ekranda 400 piksel görünen bir fotoğrafın 3000 piksel genişliğinde yüklenmesi çok yaygındır. Görseller kullanılacakları boyuta göre hazırlanmalı ve modern bir biçimde (webp) kaydedilmelidir.

Bir de zıplama meselesi

CLS'i yükselten şey genelde şudur: yazı tipi ya da görsel geç gelir, geldiğinde yer kaplar ve altındaki her şey aşağı kayar. Çözüm, o alanın yerini baştan ayırmaktır — görsele genişlik ve yükseklik vermek, yedek yazı tipini asıl yazı tipiyle aynı ölçüye ayarlamak.

Ne zaman endişelenmeli

Mobilde LCP 4 saniyenin üstündeyse ya da CLS 0,25'in üstündeyse müşteri kaybediyorsunuz demektir. Bu iki değer düzeldiğinde fark ölçüde değil, formdan gelen taleplerde görülür.