Önce ihtiyacı tanımla
Bir portfolyo ile gerçek zamanlı bir çalışma alanı aynı teknik ihtiyaçlara sahip değildir. İçeriği çoğunlukla sabit olan bir sayfada, her ziyaretçinin cihazında yeniden kurulması gereken büyük bir uygulama göndermek gereksiz olabilir. İlk karar, kullanılacak kütüphane değil, sayfanın gerçekten ne yapması gerektiğidir.
İçerik, navigasyon ve temel bağlantılar mümkün olduğunca HTML ile çalışmalıdır. Etkileşim gerekiyorsa JavaScript o etkileşime hizmet etmeli; sayfanın tamamının görünmesi için ön koşul olmamalıdır.
Görsel bütçesi oluştur
Büyük bir kahraman görseli sayfanın karakterini belirleyebilir. Ancak görselin piksel boyutları, sıkıştırması ve cihazlara göre sunulan sürümleri planlanmalıdır. Küçük bir ekrana masaüstü için hazırlanmış dev bir dosya göndermek yerine uygun boyutlar sunmak daha doğru bir başlangıçtır.
İlk ekrandaki ana görseli geciktirmemek, aşağıdaki görselleri ise ihtiyaç duyulana kadar yüklememek yararlıdır. Görsellerin genişlik ve yüksekliklerini belirtmek, yükleme sırasında içeriğin yer değiştirmesini de azaltır.
Yazı tipleri de birer dosyadır
Her yazı ailesi ve ağırlığı indirme maliyeti yaratır. Bir başlık ailesi ve bir metin ailesi çoğu proje için yeterli bir başlangıçtır. Gerçekten kullanılmayan ağırlıkları yüklememek, Türkçe karakter kapsamını kontrol etmek ve font gelene kadar okunabilir bir sistem alternatifi sunmak gerekir.
Yerel barındırma dış servis bağımlılığını azaltabilir; ancak lisans koşulları ve dosya boyutu yine kontrol edilmelidir. Font seçimini yalnızca ekran görüntüsüne bakarak yapmak, yüklenme davranışını gözden kaçırır.
Ölç, değiştir, yeniden ölç
Performansı tek bir puanla değerlendirmek yeterli değildir. İlk görünüm, etkileşim gecikmesi ve düzen kararlılığı farklı sorunlara işaret eder. Test koşullarını sabit tutarak önce bir başlangıç ölçümü alın, sonra bir değişiklik yapıp farkı karşılaştırın.
Son kontrolü yalnızca güçlü bir bilgisayarda yapmayın. Dar ekran, yavaş bağlantı ve daha düşük işlem gücü, gerçek kullanıcıların yaşayabileceği sorunları ortaya çıkarır. Hedef en küçük dosya değil; ihtiyacı karşılayan, hızlı ve anlaşılır deneyimdir.