Kapsamı somutlaştırın

İlk adımı bütün sistemi değiştirmek olarak değil, sınırları belli bir kullanıcı işini iyileştirmek olarak tanımlayın. Mevcut davranışı gözlemleyin; hangi girdinin hangi çıktıya dönüştüğünü ve kimin karar verdiğini yazın.

Web Yazılım için bu kararın somut karşılığı: Sunucudan gelen içeriğin tamamını tarayıcıya JavaScript olarak taşımak açılışı ağırlaştırır. Uzun listelerde gezinme modeli kullanıcının geri dönme ihtiyacını etkiler.

Sunucu ve istemci bileşenlerini ayırmak

Sunucudan gelen içeriğin tamamını tarayıcıya JavaScript olarak taşımak açılışı ağırlaştırır.

Veri okuyan bölümleri sunucuda tutun; yalnızca etkileşimli alanları istemci sınırına alın. Örnek senaryo: Ürün detayındaki açıklama sunucuda, favori düğmesi istemcide çalışabilir.

Bir üst bileşene gereksiz istemci direktifi eklemek bütün alt ağacı büyütebilir. Kontrol: Ağ panelinde indirilen JavaScript miktarını ve ilk etkileşim süresini karşılaştırın.

Sayfalama ve sonsuz kaydırma seçimi

Uzun listelerde gezinme modeli kullanıcının geri dönme ihtiyacını etkiler.

Katalog keşfi ve belirli kaydı bulma senaryolarını ayırarak yöntem seçin. Örnek senaryo: Bilgi arşivinde sayfa bağlantıları konumun paylaşılmasını kolaylaştırır.

Binlerce kartı tek DOM ağacına eklemek cihaz belleğini zorlar. Kontrol: Geri düğmesi, kaydırma konumu ve son sayfa davranışını ölçün.

API hatalarında kullanıcı deneyimi

Ağ kesintisi uygulamayı boş bir ekrana dönüştürmemelidir.

Yükleniyor, boş sonuç, hata ve tekrar deneme durumlarını ayrı bileşenler olarak ele alın. Örnek senaryo: Liste yüklenemezse mevcut filtre korunur ve yeniden deneme sunulur.

Her hatada tüm sayfayı yenilemek kullanıcının yaptığı işi kaybettirir. Kontrol: Çevrimdışı mod ve sunucu hatası emülasyonu ile kurtarma akışını doğrulayın.

Karar ve kabul kaydı

Bu rehberin çıktısını üç ayrı kabul maddesine dönüştürün: Ağ panelinde indirilen JavaScript miktarını ve ilk etkileşim süresini karşılaştırın. Geri düğmesi, kaydırma konumu ve son sayfa davranışını ölçün. Çevrimdışı mod ve sunucu hatası emülasyonu ile kurtarma akışını doğrulayın.

Öncelik, doğru hedefleri belirleme ve ölçülebilir bir yol haritası kurma için en belirsiz noktayı görünür kılmaktır. Her kontrolün sorumlusunu, kullanılan örneği ve sonucunu kaydedin. Başarısız bir denemeyi gizlemek yerine hangi varsayımın değiştiğini açıklayın; kapsamı bu kanıta göre yeniden değerlendirin.