Algıyı ve gerçeği optimize edin
Hızlı sistemler erken yanıt verir, düzeni korur ve faydalı ilerlemeyi görünür kılar. Kullanıcı dokunmak üzereyken ana eylem yer değiştiriyorsa veya iyimser güncelleme açıklamasız kayboluyorsa hızlı bir kabuk tek başına yeterli değildir.
Yalnızca toplaması kolay sayfa yükleme anını değil, kullanıcının tamamlamaya çalıştığı adımı ölçün.
Örnek senaryo: filtrelenen proje listesi
Örnek senaryo: bir proje listesi filtreye anında yanıt veriyor ancak kart görselleri ayrılmış alan olmadan yüklendiği için kontroller sürekli yer değiştiriyor. Medya oranı için alan ayırın, sonuç sayısını hemen güncelleyin ve tamamlanmayı yardımcı teknolojilere bildirin. Varlıklar gelirken arayüz kullanılabilir kaldığı için algılanan hız iyileşir.
Bu açıklama amaçlı bir senaryodur; bu portföy ya da müşteri projesi hakkında ölçülmüş bir iddia değildir.
Bütçeler ödünleşimleri görünür kılar
Performans bütçeleri belirsiz hedefi mühendislik kısıtına dönüştürür. Katı bir başlangıç JavaScript bütçesi daha az istemci efekti veya ertelenmiş analitik gerektirebilir; kararlılık bütçesi sabit medya ölçüleri ve kontrollü font yüklemesi isteyebilir. Doğru bütçe, kullanıcı görevine bağlanan ve sürekli kontrol edilendir.
Kısa performans kontrol listesi
Her kritik yolculuk için bir bütçe belirleyin; sabit biçimli medya alanını önceden ayırın; ana eyleği önceliklendirin; yavaş cihaz ve ağları test edin; yalnızca ortalama yerine yüksek yüzdelikleri inceleyin ve gerilemelerin yayın öncesi tekrarlanabilir bir kontrolü başarısız kılmasını sağlayın.