WordPress 5.5 sürümüyle birlikte tüm sitelerde lazy loading (diğer adıyla tembel yükleme) özelliği otomatik olarak aktif hale geldi. Yani görseller, sayfa tamamen yüklenmeden ekrana gelmiyor; bu da sayfa hızını artırabiliyor. Ancak bu özellik her zaman her site için ideal sonuçlar vermeyebilir. Eğer sitenizde lazy loading kullanmak istemiyorsanız ya da bu özelliği daha kontrollü bir şekilde (örneğin eklentilerle) yönetmek istiyorsanız, WordPress’in varsayılan olarak aktif hale getirdiği tembel yükleme sistemini devre dışı bırakmanız mümkün.
1. functions.php Dosyasına Kod Ekleyerek Lazy Load’u Kapatmak
En basit ve eklentisiz yöntemlerden biri, WordPress temanıza ait functions.php dosyasına küçük bir kod eklemek. Bunun için:
- WordPress yönetim panelinize giriş yapın.
- Sol menüden Görünüm > Tema Dosya Düzenleyici (veya FTP ile bağlanarak manuel) yolunu izleyin.
functions.phpdosyasının en altına aşağıdaki kodu ekleyin:
// Disable WordPress Lazy Load add_filter( 'wp_lazy_loading_enabled', '__return_false' );
📌 Not: Temanızı güncellediğinizde bu kod silinebilir. Bu yüzden Code Snippets gibi bir eklenti ya da alt tema (child theme) kullanmanızı öneririz. Böylece tema değişikliği yaptığınızda ya da temanızı güncellediğinizde kodu tekrar eklemeniz gerekmez.
Child theme functions.php dosyanızın sonuna yukarıdaki kodu ekleyip değişiklikleri kaydedin. Code Snippets eklentisi ile WordPress lazy load özelliğini devre dışı bırakmak için ise aşağıdaki yolu izleyin:
- WordPress kontrol panelinizde Eklentiler bölümüne gidin. Yeni Ekle‘yi seçin ve arama kutusuna Code Snippets yazı.
- Eklentiyi kurun ve etkinleştirin.
- Eklentiye gidin ve Yeni snippet Ekle‘yi seçin. Editör kutusuna, aşağıdaki görseldeki gibi PHP kodunu ekleyin:
- Kodu ekledikten sonra Değişiklikleri Kaydet ve Etkinleştir‘e tıklayın. Böylece varsayılan olarak yüklü olan WordPress lazy load özelliğini devre dışı bırakmış olacaksınız.
2. Eklenti Kullanarak Lazy Load Yönetimi
Kodla uğraşmak istemiyorsanız, bu işi sizin yerinize yapacak eklentiler de mevcut. Özellikle cache (önbellekleme) ya da performans optimizasyonu yapan eklentilerde lazy load özelliği genellikle ayarlanabilir. Örnekler:
- WP Rocket
- LiteSpeed Cache
- Autoptimize
Bu tür eklentilerle lazy loading özelliğini tek tıkla devre dışı bırakabilir ya da sadece belirli görsellerde kullanabilirsiniz.
3. Lazy Loading’i Sadece Belirli Alanlarda Kapatmak
Tüm site yerine sadece belirli görsellerde lazy load özelliğini kapatmak isterseniz, görsele loading="eager" etiketi ekleyebilirsiniz:
<img src="gorsel.jpg" loading="eager" alt="Açıklama">
Lazy loading, sitenizin performansını artırmak için faydalı bir araç olsa da her site yapısında veya her senaryoda işe yaramayabilir. Eğer görsellerin hemen görünmesi gerekiyorsa ya da temanız bu özellikle uyumlu çalışmıyorsa, yukarıdaki yöntemlerle bu özelliği kolayca kapatabilirsiniz.
