WordPress’te Lazy Load Nasıl Etkinleştirilir?
Web sitelerinin hızının kullanıcı deneyimi ve SEO açısından ne kadar önemli olduğu artık bilinen bir gerçek. Web sayfanızın hızını artırmak için kullanabileceğiniz tekniklerden biri de, özellikle çok sayıda resim içeren sayfalar için faydalı olan “Lazy Load” (Tembel Yükleme) tekniğidir. Bu makalede, WordPress’te Lazy Load’u nasıl etkinleştirebileceğinizi detaylı bir şekilde açıklar ve teknik adımları örneklerle sizlere sunarım.
Lazy Load Nedir?
Lazy Load, bir web sayfasındaki görsellerin ve medya dosyalarının yalnızca görünüm alanına girdiklerinde yüklenmesini sağlayan bir tekniktir. Bu yöntem sayesinde, sayfayı ziyaret eden kullanıcının hemen göremeyeceği aşağıda yer alan görseller anında yüklenmez, kullanıcı sayfanın o kısmına geldiğinde görseller yüklenmeye başlar. Bu şekilde, sayfanın ilk yükleme süresi kısalır ve sunucu kaynakları daha verimli kullanılır. Ayrıca, kullanıcılar daha hızlı bir deneyim yaşarken, zaman zaman bulut sunucu gibi ileri seviyede sunucu çözümleri ile performansı daha da artırabilirsiniz.
WordPress'''te Lazy Load Nasıl Kurulur?
Eklenti Kullanarak Lazy Load Kurulumu
WordPress kullanıcıları için Lazy Load işlemini kolayca gerçekleştirebileceğiniz birçok eklenti bulunmakta. Aşağıda yaygın olarak tercih edilen iki eklentinin kurulumunu bulabilirsiniz:
1. WP Rocket
WP Rocket, yalnızca Lazy Load değil, genel site hız optimizasyonu için de en popüler WordPress eklentilerinden biridir.
– Adım 1: WordPress admin paneline giriş yapın ve “Eklentiler” > “Yeni Ekle” yolunu izleyin.
– Adım 2: “WP Rocket” eklentisini aratın ve yükleyin.
– Adım 3: Eklenti kurulumu tamamlandıktan sonra “Ayarlar” > “WP Rocket” kısmına gidin.
– Adım 4: “Medya” sekmesini bulun ve buradan “LazyLoad” ayarlarını etkinleştirin.
Bu adımlar sonucunda, görsel ve video içeriklerinizde Lazy Load özelliği aktif hale gelecektir.
2. Lazy Load by WP Smush
Başka bir popüler tercih de WP Smush eklentisinin sağladığı Lazy Load fonksiyonlarındandır.
– Adım 1: Admin panelinde “Eklentiler” > “Yeni Ekle” yolunu izleyin.
– Adım 2: “WP Smush” aratmasını yaparak eklentiyi yükleyin ve etkinleştirin.
– Adım 3: Eklentiyi etkinleştirdikten sonra sol menüden “Smush” ayarlarına gidin.
– Adım 4: “Lazy Load” seçeneğini aktif edin ve gerekli ayarları yapın.
Kod İle Lazy Load Kurulumu
Eklenti kullanmadan Lazy Load özelliğini kod ile de ekleyebilirsiniz:
1. Tema Dosyanızı Yedekleyin: Öncelikle, functions.php
dosyanızda değişiklik yapacağınız için bir yedek almanız önerilir.
- Kod Ekleyin:
“`php
function add_lazyload_to_images($content) {
$content = preg_replace(
‘/`Bu kod, içeriklerinizdeki tüm img etiketlerinin src
attributunu data-src
olarak değiştirir ve bu sayede Lazy Load uygulanmasına olanak tanır. Bu tür manuel müdahalelerden sonra, çeşitli test araçları ile sitenizi performans açısından test etmek iyi bir yoldur. Her zaman olduğu gibi, bir sanal sunucu hizmeti kullanmak da performansa katkı sağlayabilir.