Tasarım

Ziyaretçinizin çoğu telefondan geliyor — siteniz buna hazır mı?

· 2 dk okuma

Bilgisayarda kusursuz görünen site telefonda dağılabilir. Kendi sitenizi telefonda test etmenin somut yolu.

Yerel bir hizmet arayan kişi bunu genellikle telefondan yapar; çoğu zaman yolda, tek eliyle, aceleyle. Siteniz o koşulda çalışmıyorsa, masaüstünde ne kadar güzel göründüğünün önemi yok.

Telefonda kendi sitenizi test etmek

Sitenizi telefonunuzdan açın ve şunlara bakın:

  • Yatay kaydırma var mı? Sayfa sağa sola kayıyorsa bir şey ekrana sığmıyor demektir. Bu, en sık görülen ve en rahatsız edici hatadır.
  • Yazıyı büyütmeden okuyabiliyor musunuz? Parmakla yakınlaştırmanız gerekiyorsa yazı küçük.
  • Düğmelere tek parmakla basabiliyor musunuz? Yan yana duran iki bağlantı birbirine değiyorsa yanlış olana basılır.
  • Telefon numarasına dokununca arama başlıyor mu?
  • Menü açılıyor mu, açıldıktan sonra kapanıyor mu?
  • Form alanları klavye açılınca kayboluyor mu?

Sık karşılaşılan üç sorun

Sayfa açılırken zıplıyor. Görseller ve yazı tipleri sonradan yüklendiğinde metin yerinden oynar; okumaya başladığınız satır kayar, basmak istediğiniz düğme aşağı iner ve yanlışlıkla başka bir yere basarsınız. Google bunu ölçer: 0,1'in üstü kötüdür.

Açılışta kapatılamayan bir kutu. Çerez uyarısı, kampanya penceresi, sohbet baloncuğu — telefonda üst üste gelince ekranın yarısını kaplar ve kapatma düğmesi ekran dışında kalabilir.

Ağır görseller. Fotoğraf makinesinden çıkmış 4 MB'lık fotoğraf siteye olduğu gibi konduğunda, mobil bağlantıda sayfa saniyelerce boş durur. Görseller siteye konmadan önce ölçeklenmeli ve sıkıştırılmalıdır.

Nasıl ölçülür

pagespeed.web.dev adresine sitenizin adresini yazın ve Mobil sekmesine bakın. Üç değer önemlidir:

  • LCP — en büyük içeriğin görünme süresi. 2,5 saniyenin altı iyi.
  • CLS — sayfanın açılırken zıplaması. 0,1'in altı iyi.
  • INP — dokunmaya verdiği tepki. 200 ms altı iyi.

Bu üçü Google'ın sıralamada kullandığı ölçülerdir. Kırmızı çıkan bir değer hem ziyaretçiyi hem sıralamayı etkiler.

Küçük düzeltmeler, büyük fark

Çoğu mobil sorunu baştan yazmayı gerektirmez. Görselleri sıkıştırmak, yazı tiplerini kendi sunucunuzdan vermek, sabit yükseklik ayırmak ve gereksiz betikleri kaldırmak çoğu sitede açılışı saniyeler kısaltır.

İlgili yazılar

Projenizi bugün başlatalım

Formu doldurun, sitenizin önizlemesini hemen görün.

Hemen Başla