Web sitesi performans iyileştirme, tek bir laboratuvar puanını yükseltmek değil; gerçek ziyaretçinin sayfayı görme, etkileşim kurma ve işlemi tamamlama süresini güvenilir hâle getirmektir.
Önce doğru sayfaları ölçün
Ana sayfa, yoğun hizmet detayı, ürün listesi, ürün detayı ve ödeme gibi farklı şablonları mobil ve masaüstünde inceleyin. Laboratuvar ölçümü tekrar üretilebilir tanı sağlar; gerçek kullanıcı verisi cihaz, ağ ve coğrafya çeşitliliğini gösterir. İkisini birlikte kullanın.
En sık yüksek etkili alanlar
- Görselleri görüntülendiği ölçü ve uygun biçimde sunmak
- İlk görünüm için gerekmeyen medya ve betikleri geciktirmek
- Kullanılmayan CSS ve JavaScript yükünü azaltmak
- Önbellek başlıkları ve sıkıştırmayı doğru yapılandırmak
- Yazı tipi çeşitlerini ve ağırlıklarını sınırlamak
- Veritabanı sorgularını ve dış servis beklemelerini izlemek
Görsel kaymayı önleyin
Görsel ve reklam alanlarına boyut ayırın, sonradan gelen bildirimleri içeriğin üstüne bindirmeyin ve yazı tipi değişimlerini yönetin. Kullanıcının tıklamak üzere olduğu düğmenin yer değiştirmesi hızdan bağımsız ciddi deneyim sorunudur.
Performans bütçesi oluşturun
Yeni özellik, etiket yöneticisi veya kampanya görseli eklenirken sayfa ağırlığı ve istek sayısı için sınır belirleyin. Yayın öncesi otomatik kontroller gerilemeyi erken yakalar. Güncel arama motoru ölçüt ve rehberleri değişebileceği için resmî dokümantasyon düzenli izlenmelidir.
Performans odaklı web geliştirme için site adresinizi ve kritik sayfalarınızı paylaşabilirsiniz.
Üçüncü taraf betik bütçesi
Analiz, sohbet, reklam ve kişiselleştirme araçlarının her biri ağ, işlemci ve gizlilik maliyeti getirir. Her etiket için iş sahibi, kullanım amacı, yükleme koşulu ve son gözden geçirme tarihi belirleyin. Kullanılmayan aracı kaldırın; zorunlu olmayan betiği izin ve etkileşim sonrasına erteleyin. Sağlayıcı yavaşlığının ana sayfayı engellemediğini sınayın. Performans bütçesi yalnızca geliştirme dosyalarına değil dış kaynaklara da uygulanmalıdır.