Bir Kafe Sitesi Ne Kadar Hızlı Olmalı?

"Hızlı" bir his değil, bir ölçümdür ve Google eşik değerlerini yayınlar. Üç tane vardır ve ne anlama geldiklerini anlamak için teknik olmanız gerekmez.

Üç rakam

Largest Contentful Paint (en büyük içeriğin yüklenmesi): 2,5 saniyenin altında. Ekrandaki en büyük şeyin görünmesi ne kadar sürüyor. Pratikte bu genellikle ana görselinizdir. Dört saniye sürüyorsa, ziyaretçi dört saniye boyunca boş bir sayfaya bakar.

Interaction to Next Paint (etkileşime yanıt): 200 milisaniyenin altında. Biri dokunduğunda sayfanın tepki vermesi ne kadar sürüyor. Saniyenin beşte birini geçince dokunuş bozuk gibi hissettirir, insanlar tekrar dokunur ve bu çoğu zaman durumu kötüleştirir.

Cumulative Layout Shift (düzen kayması): 0,1'in altında. Sayfa yüklenirken ne kadar zıplıyor. Herkes bir bağlantıya dokunmaya çalışıp parmağının altında beliren başka bir şeye basmıştır. Bu düzen kaymasıdır ve bir menü sayfasında yanlış bölüme dokunmak demektir.

Küçük sitelerde zaman aslında nereye gidiyor

Deneyimimize göre üç şey zamanın çoğunu açıklıyor.

Hiç boyutlandırılmamış görseller. Doğrudan telefondan gelen bir fotoğraf çoğu zaman dört bin piksel genişliğinde ve birkaç megabayttır. Üç yüz piksellik bir kartta gösterildiğinde gerekenden yüz kat fazla veri demektir. Boyutlandırmak ve modern bir biçime dönüştürmek sayfa ağırlığını düzenli olarak yüzde seksen azaltır ve görsel olarak hiçbir şeyi değiştirmez.

İlk görüntüyü engelleyen yazı tipleri. Kötü yüklenen özel bir yazı tipi, tarayıcının herhangi bir metni çizmeden önce beklemesi demektir. Yazı tipini "swap" ile yüklemek, yani önce sistem yazı tipini gösterip sonra geçmek, size kısa bir titreşime mal olur ve saniyeler kazandırır.

Kimsenin kullanmadığı kodlar. Analiz, sohbet balonu, sosyal medya akışı, çerez aracı, rezervasyon kodu. Her biri bir nedenle eklendi ve her biri yükleme süresine mal oluyor. Kimsenin yanıtlamadığı sohbet balonu ve dört beğenili sosyal akış saf vergidir. Yılda bir kez gözden geçirin ve kullanmadıklarınızı silin.

Yavaşlığa yol açmayanlar

Bir blogunuzun olması. Birkaç sayfanızın olması. Bir içerik yönetim sistemi kullanmak. Video, eğer mobilde tam çözünürlükte otomatik oynatılmıyorsa.

Bu büyüklükteki bir sitede yavaşlık neredeyse hiçbir zaman mimariyle ilgili değildir. Neredeyse her zaman ağırlıkla ilgilidir.

Dürüstçe ölçmek

PageSpeed Insights'ı telefonunuzda, mobil veriyle, kafenin wifi'ından uzakta çalıştırın. Laboratuvar puanı faydalı bir ipucudur; raporun üstündeki saha verisi ise gerçek ziyaretçilerin yaşadığıdır.

Ana sayfayı değil, menü sayfasını test edin. Ana sayfa sizin baktığınız yerdir. Menü ise onların baktığı yerdir.

Gerçekçi hedef

Bir kafe ya da restoran sitesi için, orta seviye bir telefonda normal bir mobil bağlantıyla ana görselin iki saniyenin altında görünmesi, sıra dışı bir mühendislik gerektirmeden ulaşılabilir bir hedeftir. Çoğunlukla birinin görselleri sıkıştırması ve kodları kaldırması yeterlidir.

Bu ölçekte web performansıyla ilgili gösterişsiz gerçek budur. Nadiren zekice bir iştir. Çoğunlukla henüz kimsenin yapmadığı bir ev temizliğidir.

Kafeler için hızlı siteleri nasıl kurduğumuzu kafe web sitesi tasarımı sayfamızda anlatıyoruz.