Blog / Performans

Web sitesi hızlandırma kontrol listesi

Görsellerden önbelleğe, daha hızlı bir deneyim için uygulanabilir adımlar.

Yavaşlığın kaynağını bulmadan optimizasyon yapmayın

Bir sayfa geç açıldığında ilk şüphe genellikle sunucuya yönelir. Oysa sorun bazen ana ekrana yüklenen dev bir görsel, kullanılmayan yazı tipi dosyaları veya her sayfada çalışan harici bir servis olabilir. Ölçmeden yapılan değişiklikler sorunu çözmek yerine başka bir yere taşır.

Biz önce en yavaş sayfaları ve kullanıcının beklediği anı belirliyoruz. Ana içeriğin görünmesi mi gecikiyor, buton geç mi tepki veriyor, yoksa sayfa açılırken yerleşim mi kayıyor? Her belirtinin çözümü farklıdır.

Yayından önce baktığımız noktalar

Performans kontrolü sadece geliştiricinin son gün yapacağı bir iş değil. Tasarımda seçilen görsel dil ve içerik ekibinin yüklediği medya dosyaları da sonucu doğrudan etkiler.

  • Görselleri gösterileceği boyuta yakın ölçüde ve uygun formatta hazırlamak.
  • Ekran dışındaki görsel ve videoları ihtiyaç anına kadar bekletmek.
  • Kullanılmayan stil, komut dosyası ve yazı tipi ağırlıklarını temizlemek.
  • Önbellek ve sıkıştırma ayarlarını dosya türüne göre düzenlemek.
  • Analitik, sohbet ve reklam kodlarının açılışa etkisini ayrı ayrı ölçmek.
  • Testi hem hızlı ofis internetinde hem de sınırlı mobil bağlantıda tekrarlamak.

Hızı korumak, hızlandırmaktan daha önemlidir

Site yayına çıktıktan sonra yeni kampanya görselleri, takip kodları ve eklentiler geldikçe performans yavaşça gerileyebilir. Bu değişim bir gecede olmadığı için ekip çoğu zaman fark etmez.

Kalıcı çözüm, içerik yükleyen herkesin uygulayabileceği basit kurallar koymaktır. Görsel ölçüsü, video kullanımı, yeni kod ekleme onayı ve periyodik kontrol sorumlusu belli olduğunda performans bir acil durum işi olmaktan çıkar.

Efes Yazılım notu: Bir sayfayı hızlandırdıktan sonra öncesi ve sonrasını aynı cihaz, aynı bağlantı ve aynı senaryoyla karşılaştırın. Aksi halde iyileştirmenin gerçek etkisini okumak zorlaşır.