Hız kaybetmeden animasyonlu web sitesi yapmak

Bir ajans sitesi ziyaretçiye "biz farklıyız" demek zorundadır, ama yavaş açılan bir site bu cümleyi ilk üç saniyede çürütür. Mobil ziyaretçilerin çoğu orta seviye telefon ve değişken bağlantı kullanır. Bu yüzden Dijitext'te animasyonu sonradan eklenen bir süs değil, başta planlanan bir bütçe olarak ele alıyoruz.

Metin önce gelir

Ana başlık JavaScript'i beklemez. Yazı CSS ile açılır, tarayıcı sayfayı çizdiği an okunur. Yarık tasarımındaki açılış da böyle çalışır: gölgelendirici sonradan yüklenir, yüklenmezse aynı sahne CSS ile görünür.

Ağır parça en sona

WebGL ve 3B sahneler yalnız güçlü cihazda, sayfa yüklendikten sonra devreye girer.

• Dokunmatik ekranda CSS yedeği kullanılır.
• Hareket azaltma tercihi açıksa animasyon durur, içerik korunur.
• Veri tasarrufu modunda ağır sahne hiç indirilmez.
• Görseller boyutuna göre ayrı dosyalardan gelir.

Ölçmeden olmaz

Her tasarımı üretim derlemesi üzerinde Lighthouse ile ölçüyoruz. Hedefimiz mobilde performans 90 üzeri, erişilebilirlik ve SEO 95 üzeri. Dijitext Hazır Web Siteleri kataloğundaki tasarımlar bu kapıdan geçmeden yayına alınmaz.