Cloudflare’da görsel varyantlarını cache’lerken yanlış boyutun dönmesini nasıl önlüyorsunuz?

Bir tasarımda aynı görselin kart, kapak ve mobil kullanım için farklı boyutlarını sunarken URL’ye ?w=480 gibi parametreler ekliyorum. Burada cache key ayarları önemli hâle geliyor: sorgu parametreleri cache anahtarından çıkarılırsa farklı genişlik istekleri aynı cache girdisine düşebilir ve kullanıcıya yanlış boyutta görsel dönebilir. Özellikle görsel dönüşümünü CDN tarafında yapan sitelerde bu ayrıntı, arayüzün keskin ve tutarlı görünmesini doğrudan etkiliyor.

Benim yaklaşımım, görselin çıktısını gerçekten değiştiren parametreleri cache anahtarında korumak; izleme gibi görseli etkilemeyen parametreleri ise mümkünse ayıklamak. Dönüşüm ayarlarını URL yoluna taşıyan bir yapı da varyantları daha görünür kılıyor. Ayrıca dosyanın kendisi değiştiğinde aynı URL’yi kullanmak yerine sürümlü dosya adı ya da sürüm parametresi tercih etmek, eski tasarımın cache’ten gelmesi sorununu azaltabiliyor.

Mobil ve masaüstü kırpımları farklıysa yalnızca genişlik değil, kırpma konumu ve oranı da varyantın parçası olmalı. Yoksa teknik olarak hızlı yüklenen ama kompozisyonu bozulmuş bir görsel elde edilebiliyor.

Siz Cloudflare’da bu tür görseller için cache key’i nasıl kuruyorsunuz? Query parametrelerini seçerek koruyor musunuz, yoksa varyantları ayrı URL’lerle mi yönetiyorsunuz?