Görsel varyantları üretirken sunucuyu yormadan hızlı kalmak

Bir sitede ürün görsellerini farklı ekran boyutlarına göre sunmak tasarımı toparlıyor; ama her istekte görseli yeniden ölçeklemek, özellikle trafik yükselince sunucuda gereksiz CPU yükü oluşturabiliyor. Üstelik ?width=397 ile ?width=400 gibi sayısız varyant oluşursa önbelleğin verimi de düşüyor.

Bence burada üç küçük karar büyük fark yaratıyor:

• Boyutları standartlaştırın. Tasarımdaki gerçek kullanım alanlarına göre birkaç genişlik belirleyin. İstenen ölçüyü en yakın uygun varyanta yönlendirmek, hem dosya sayısını hem de önbellek anahtarlarının çeşitliliğini azaltır.
• Üretim zamanını seçin. Görseller önceden biliniyorsa küçük ve büyük boyutları yükleme sırasında üretmek, ziyaretçi isteğindeki işlem yükünü ortadan kaldırır. Kullanıcıların yüklediği ve boyutları öngörülemeyen görsellerdeyse ilk istekte üretip sonucu saklamak daha esnek olabilir.
• Önbellek sınırlarını netleştirin. Aynı görsel ve aynı boyut için tekrar tekrar dönüşüm yapılmadığından emin olun. CDN kullanılıyorsa boyut parametresinin önbellek anahtarına nasıl girdiğini de kontrol edin; aksi hâlde sunucu önbelleği dolu olsa bile CDN her varyantı ayrı dosya sanabilir.

Siz görsel dönüşümünü yükleme anında mı yapıyorsunuz, isteğe bağlı mı üretiyorsunuz? Trafik artınca hangisi daha sorunsuz çıktı?