Avada 7.15 Sonrası Karşılaştığım SVG ve Resim Görünmeme Sorunu
Avada SVG hatası, WordPress sitelerinde görsellerin beklenmedik şekilde görünmemesi veya yükleme davranışının değişmesi şeklinde karşımıza çıkabilir. Bu sorunla Avada 7.15 güncellemesinden sonra yönettiğim bir WordPress sitesinde karşılaştım. Bazı görseller sayfada görünmüyor, kaynak kodunda ise SVG ve lazy load ile ilişkili çıktılar dikkat çekiyordu. İlk bakışta sorun güncellemeden kaynaklanıyor gibi görünse de yalnızca zamanlamaya bakarak doğrudan Avada 7.15’i sorumlu tutmak doğru olmaz. Yaptığım kontrollerde asıl odak noktam lazy loading, önbellek ve görsel bazındaki yükleme ayarları oldu.
Bu sorunla Avada 7.15 güncellemesinden sonra yönettiğim bir WordPress sitesinde karşılaştım. Bazı görseller sayfada görünmüyor, kaynak kodunda ise SVG ve lazy load ile ilişkili çıktılar dikkat çekiyordu. İlk bakışta sorun güncellemeden kaynaklanıyor gibi görünse de yalnızca zamanlamaya bakarak doğrudan Avada 7.15’i sorumlu tutmak doğru olmaz. Yaptığım kontrollerde asıl odak noktam lazy loading, önbellek ve görsel bazındaki yükleme ayarları oldu.
Eğer siz de benim gibi Avada kullanıcısıysanız ve “Eyvah, resim dosyalarım SVG’ye mi dönüştü veya bozuldu mu?” diye paniğe kapıldıysanız, derin bir nefes alın. Görselleriniz sapasağlam yerinde duruyor. Sadece ufak bir çakışma yaşıyorsunuz. Bu makalede, tuncersen.com.tr okurları için bu sorunun neden kaynaklandığını ve nasıl adım adım çözüleceğini anlatacağım.
Sorunun Asıl Nedeni: Resimler Neden SVG Olarak Görünüyor?
Öncelikle rahat bir nefes alalım; resimlerinizin formatı değişmedi. Gördüğünüz o data:image/svg+xml kodu, sayfa yüklenirken tasarımın kaymaması ve düzenin bozulmaması için tarayıcıya sunulan geçici ve şeffaf bir yer tutucudur (placeholder).
Peki asıl resim neden bu yer tutucunun yerine gelmiyor? Cevap basit: Tembel Yükleme (Lazy Load) Çakışması.
Avada 7.15 sürümüyle birlikte DOM yapısında ve performans kurgularında önemli yenilikler yapıldı. Eğer sitenizde LiteSpeed Cache, WP Rocket veya Smush gibi harici bir optimizasyon eklentisi kullanıyorsanız, Avada’nın kendi “tembel yükleme” sistemi ile eklentinizin sistemi aynı anda devreye girmeye çalışıyor. JavaScript bu çift komut karşısında kilitleniyor ve SVG yer tutucusunu asıl .jpg veya .png görselinizle değiştiremeden işlemi yarıda bırakıyor.
Avada Resim Görünmeme (SVG) Sorunu Nasıl Çözülür?
Bu sorunu aşmak için kodlarla boğuşmanıza gerek yok. Aşağıdaki 3 adımı sırasıyla uygulayarak görsellerinizi saniyeler içinde geri getirebilirsiniz.
1. Lazy Load Çakışmasını Kontrol Edin
Aynı sitede Avada’nın lazy load özelliğiyle birlikte WP Rocket, LiteSpeed Cache veya benzeri bir optimizasyon eklentisinin görsel erteleme özelliği kullanılıyorsa önce çakışma ihtimalini kontrol edin. Test amacıyla lazy load işlemini geçici olarak yalnızca tek bir sistemin yönetmesini sağlayın ve sorunlu görselleri yeniden kontrol edin.
- WordPress admin panelinden Avada > Options > Performance sekmesine gidin.
- Sayfayı aşağı kaydırarak Image Lazy Loading ayarını bulun ve None (Hiçbiri) olarak işaretleyip kaydedin.
- Böylece görsel yükleme yönetimini sadece kullandığınız optimizasyon eklentisine bırakmış olursunuz.
2. Önbellekleri (Cache) Derinlemesine Temizleyin
Lazy load ayarını değiştirdikten sonra eski CSS, JavaScript veya görsel çıktıları önbellekte kalabilir. Bu nedenle yaptığınız değişikliği test etmeden önce hem Avada’nın hem de kullandığınız önbellek eklentisinin cache’ini temizleyin.
- Avada → Options → Performance bölümünden Avada önbelleğini temizleyin.
- WP Rocket, LiteSpeed Cache veya kullandığınız diğer cache eklentisinin önbelleğini temizleyin.
- CDN veya sunucu tarafında ayrıca cache kullanıyorsanız onu da temizleyin.
- Sayfayı gizli sekmede yeniden açarak sorunlu görseli kontrol edin.
3. Sorunlu Görsellerde Skip Lazy Loading Seçeneğini Test Edin
Sorun yalnızca belirli görsellerde yaşanıyorsa Avada Image Element içerisindeki Skip Lazy Loading seçeneğini kullanarak ilgili görseli lazy load işleminden hariç tutup test edin.
Bu ayarı özellikle sayfanın ilk ekranında bulunan logo, hero görseli veya kullanıcı sayfayı açtığında hemen görünmesi gereken kritik görsellerde değerlendirebilirsiniz. Ancak tüm görsellerde lazy load’u kapatmak performansı olumsuz etkileyebileceği için yalnızca ihtiyaç duyulan görsellerde kullanmak daha doğru olur.
Ayarı değiştirdikten sonra önbellekleri temizleyip sayfayı gizli sekmede yeniden kontrol edin.
- Avada Builder (veya Live Editor) üzerinden, sayfa açılışında direkt görünen görsellerin eleman ayarlarına girin.
- Ayarlar içindeki “Skip Lazy Loading” (Tembel Yüklemeyi Atla) seçeneğini aktif hale getirin.
Avada SVG Hatası Hakkında Sık Sorulan Sorular
Avada'da SVG veya resimler neden görünmüyor?
Tek bir nedeni yoktur. Lazy load çakışmaları, önbellek veya görsel bazındaki yükleme ayarları soruna katkıda bulunabilir. Önce hangi sistemin lazy load işlemini yönettiğini kontrol etmek gerekir.
Avada Skip Lazy Loading ne işe yarar?
Skip Lazy Loading, seçilen görselin lazy load işleminden hariç tutulmasını sağlar. Özellikle sorunlu veya ilk ekranda hemen yüklenmesi gereken kritik görsellerde test amacıyla kullanılabilir.
Avada güncellemesinden sonra görseller bozulursa ne yapmalıyım?
Önce Avada ve kullandığınız cache eklentilerinin önbelleğini temizleyin. Ardından lazy load ayarlarını ve sorunlu görselin Image Element seçeneklerini kontrol edin. Sorunun yalnızca güncelleme zamanında ortaya çıkması, tek başına güncellemenin doğrudan neden olduğunu kanıtlamaz.
Sonuç
Yıllar boyunca hem kurumsal projelerde hem de kişisel çalışmalarımda karşılaştığım bu tarz teknik krizler, aslında sistemlerin nasıl çalıştığını anlamamız için en güzel fırsatlardır. Bilgi paylaştıkça çoğalır. Avada 7.15 sonrası yaşadığınız bu can sıkıcı problemi yukarıdaki adımlarla çözebildiyseniz veya farklı bir cache eklentisinde takıldığınız bir yer olursa, aşağıya yorum bırakabilirsiniz.
Sorunsuz ve hızlı web siteleri dilerim!
