WordPress'te Resimleri Neden ve Nasıl Tembel Yüklersiniz?
Web sitelerinde görsel içeriğin önemini kimse inkar edemez. WordPress sitenizi pazarlama afişleri, ürün resimleri, blog fotoğrafları olmadan hayal edin. Sadece kullanıcı deneyimini etkilemekle kalmaz, aynı zamanda web sitenizin sıralamasını da düşürür.
Mesele şu ki, sitenizde çok fazla resim ve video, özellikle büyük boyutlu olanlar, sayfa hızınızı etkileyecektir. Sayfa boyutunuzu küçültmek ve aynı zamanda kullanıcılara en iyi deneyimi sunmak için bu dosyaları optimize etmelisiniz.
CDN kullanmak veya görüntüleri sıkıştırmak gibi görüntüleri optimize etmenin yaygın yollarının yanı sıra, tembel yüklenen görüntüleri hiç duydunuz mu? WordPress uzmanları, bunu en kolay ve en etkili görüntü optimizasyon çözümlerinden biri olarak görüyor.
WordPress tembel yükleme görüntüsü nedir ve nasıl çalışır? Neden tembel yükleme görüntülerine ihtiyacınız var? Ve WordPress'te görüntüleri tembel olarak nasıl yükleyebilirim? Bütün bu soruları cevaplayacağız.
- Tembel Yük Nedir ve Nasıl Çalışır?
- Neden Tembel Olmalı WordPress'te Resim Yüklemeli
- WP Rocket Lazy Load Eklentisini Kullanarak Lazy Load Image Nasıl Yapılır?
- WordPress Tembel Yüklemeyi Devre Dışı Bırakın
- Bonus İpuçları: WordPress Resimlerini Koruyun
Tembel Yük Nedir ve Nasıl Çalışır?
WordPress tembel yükleme, medya dosyalarının yüklenmesini, kullanıcılar o görüntünün veya videonun belirli konumuna kaydırana kadar geciktiren bir tekniği ifade eder. Bu, tüm görüntüleri bir sayfaya aynı anda yüklemek yerine, yalnızca ekranın üst kısmındaki dosyaları gösterdiği anlamına gelir. Henüz yüklenmemiş resimler, yer tutucu veya boş alan ile değiştirilecektir.
WordPress 5.5'in piyasaya sürülmesinden bu yana platform, varsayılan bir özellik olarak tembel yükleme oluşturdu. Bu işlevin nasıl çalıştığını açıklamak için WordPress, genişlik ve yükseklik niteliklerini içeren tüm img etiketlerine (resim etiketleri) loading=”lazy” etiketini ekler.
Yine de, eklentilerin yardımıyla yerel görüntü tembel yüklemesini veya tembel yükleme arka planını özelleştirebilirsiniz.
Neden Tembel Olmalı WordPress'te Resim Yüklemeli
WordPress resim yüklemelerini geciktirmek için birden çok nedeniniz var. Her şeyden önce, daha iyi web sitesi performansına yol açan web sitesi hızını artırmaya yardımcı olur. Bu yöntem, sitenizdeki kullanıcı deneyimini de büyük ölçüde geliştirir.
WordPress Site Yükleme Süresini Optimize Edin
Yavaş web siteleri kullanıcıları, hatta en sabırlı ziyaretçileri bile hayal kırıklığına uğratır. Kullanıcıları 3 saniyeden fazla bekletirse, kullanıcıların yaklaşık %40'ının sitenizden ayrılacağı tahmin edilmektedir. Ve resimler sayfa hızınıza önemli ölçüde katkıda bulunur.
Neyse ki, geç yüklenen resimler web sayfanızın ağırlığını azaltarak sayfaların daha hızlı yüklenmesini sağlar. Tüm sayfanın tüm resimlerle yüklenmesi zaman almak yerine, kullanıcılar belirli bir sayfa alanına kaydırdığında yalnızca resimleri gösterir. Böylece ziyaretçiler site içeriğinize daha hızlı erişebilir.
Web Sitesi Bant Genişliğini Azaltın
Kullanıcılar sayfanızı her yüklediğinde, sunucunuza bir bant genişliği isteği gönderir. Normal olarak, kullanıcılar bir sayfayı açtıklarında, sayfanızın ortasına kadar aşağı kaydırsalar bile, sayfa içeriğinin tamamını onlara iletir. Bu, kaynaklarınızın çoğunu boşa harcar.
WordPress tembel yükü, yalnızca yüklenen içeriğin bant genişliğini isteyerek kaynakları optimize etmenize ve barındırma maliyetinizden tasarruf etmenize yardımcı olur.
Kullanıcı Deneyimini İyileştirin
Tüm fotoğrafların yüklenmesi ve içeriğinizde görünmesi zaman alır. Sonuç olarak, bu sorun sayfa düzeninizi bozar. Lazy load image, içeriği ve görselleri aynı anda görüntüleyerek kullanıcılara daha iyi bir deneyim sunmanıza olanak tanır.
WP Rocket Lazy Load Eklentisini Kullanarak Lazy Load Image Nasıl Yapılır?
100 binden fazla WordPress site sahibi, resimlerini tembelce yüklemek için WP Rocket'in Lazy Load eklentisine güveniyor. Adından da anlaşılacağı gibi, eklenti, kullanıcılar aşağı kaydırdığında görüntüleri sergilemenize izin verir. Gönderi içeriğindeki resimlerin yanı sıra, widget'larda ve iframe'lerde küçük resimlerin ve dosyaların tembel yüklenmesini destekler.
Lazy Load'u kurmak ve kullanmaya başlamak çok kolay. Tek yapmanız gereken eklentiyi yüklemek ve ardından birkaç özelliği etkinleştirmek. Aşağıdaki kılavuz size ayrıntıları verecektir.
- WordPress yönetici kontrol panelinize giriş yapın ve Eklentiler → Yeni Ekle'yi açın

- Anahtar kelime kutusuna 'tembel yük' yazın
- Eklentiyi kurun ve etkinleştirin ve WordPress Ayarları bölümünüze yeni bir Tembel Yükleme bölümü eklendi.

- Tembel yüklemek istediğiniz dosya türlerini kontrol edin

- Şansını koru
Resimleri, iframe'leri ve videoları tembelce yükleyebilir ve YouTube videolarını ücretsiz bir önizleme küçük resmiyle değiştirebilirsiniz. SEO ile birlikte site yükleme sürenizi iyileştirmek için daha fazla özelliğe ihtiyacınız varsa, Premium sürümünü seçin.
PDF Görüntüleyicilerinizi Tembel Yükleme
Görsellerin yanı sıra, WordPress gönderilerinize gömülü PDF dosyalarını tembelce yüklemek de gereklidir. Filigran WordPress Dosyaları bu durumda akıllıca bir seçim olmalıdır.
Eklenti, öncelikle WordPress sitenizdeki PDF dosyalarını filigranlamaya, WordPress gönderilerini PDF'lere dışa aktarmaya ve PDF dosyalarını içeriğinize gömmeye yardımcı olur. PDF görüntüleyicilerinizi tembelce yükleme konusunda harika bir yardımcı olduğunu kanıtlıyor. Kullanıcılar yanlarında gezinene kadar PDF görüntüleyicilerin yüklenmesini durdurabilirsiniz.
Eklenti, kurulumunuzu ve kullanmaya başlamanızı kolaylaştırır. Aşağıdaki 3 adımlı kılavuzu izleyin ve PDF dosyalarınızı tembelce yükleyebilirsiniz.
- Filigran WordPress Dosyalarını indirin, kurun ve etkinleştirin
- Eklenti Ayarları sayfasını açın

- Genel ayarlar sayfasında Geç Yüklemeyi Etkinleştir seçeneğini açın

Bu kadar! Şimdi tek yapmanız gereken Gönderiler → İstediğiniz gönderiyi düzenleyin → Araç çubuğunuzdaki PDF görüntüleyici simgesine basın → Dosyanızı seçin seçeneğine giderek dosyanızı içeriğe gömmek.

WordPress Tembel Yüklemeyi Devre Dışı Bırakın
Belirtildiği gibi, WordPress 5.5 sürümünden bu yana tembel yükleme görüntülerine “evet” dedi. Ancak bu özelliği destekleyen eklentiler vardır ve bu durum çakışmalara neden olabilir.
Alt temanızın functions.php dosyasına bir kod satırı ekleyerek WordPress'te tembel yükleme görüntüleri kolayca devre dışı bırakabilirsiniz. Tek yapmanız gereken:
- Yönetici kontrol panelinizde Görünüm → Tema Düzenleyici'ye gidin

- Tema Dosyası menünüzde 'functions.php' dosyasını açın

- Bu kodu kopyalayıp oraya yapıştırın
add_filter('wp_lazy_loading_enabled', '__return_false'); - Değişikliklerinizi kaydedin
Bu kadar! Artık WordPress tarafından varsayılan tembel yükleme görüntü özelliğini devre dışı bırakabilirsiniz.
Bonus İpuçları: WordPress Resimlerini Koruyun
Tembel yükleme dışında, WordPress resimlerinizden yararlanmak için yapabileceğiniz birçok şey var. Bunlardan biri, özel veya premium görüntülerin güvenliğini içerir. Çoğumuz resimlerimizin/fotoğraflarımızın mümkün olduğunca çok sayıda ziyaretçiye görünür olmasını istediğimiz için kulağa garip geliyor.
WordPress görüntü koruması, sanat eserlerini satan fotoğrafçılara, dijital ürün (e-kitap) satıcılarına ve video kursu üreticilerine en iyi şekilde hizmet eder. Entelektüel ürünleriniz, ödeme veya üyelik abonelikleri olmadan halk tarafından kolayca erişilebilir olmamalıdır.
PDA Gold, görüntülerden ses ve videolara kadar sınırsız WordPress medya dosyasını zahmetsizce güvenceye almak için ideal bir çözüm olarak gelir. Korunduktan sonra, yetkisiz kullanıcılar dosyalarınızı doğrudan URL'ler aracılığıyla görüntüleyemez veya arama sonuçlarında bulamaz. Yalnızca belirli kullanıcılar veya kullanıcı rolleri bunları açma iznine sahiptir.
Bunun yerine, kullanıcılara özel resimlerinize erişim izni vermek için hızlı erişim bağlantıları oluşturabilirsiniz. Bu bağlantı, ayarlarınıza bağlı olarak belirli bir tarihten veya bir dizi indirmeden sonra sona erecektir.
WordPress dosyalarınızı PDA Gold eklentisi ile korumak için önce onu kurun, ardından yönetici kontrol panelinizdeki Medya Kitaplığına gidin. Şimdi güvenliğini sağlamak için istediğiniz görüntüyü bulun ve adının altındaki 'Koru' seçeneğini tıklayın.

Korunan dosyanın 'Dosya korumasını yapılandır' seçeneğine basın ve bir Özel Dosya Yönetimi Açılır Penceresi göreceksiniz. Burada, yeni rastgele hızlı erişim bağlantılarını otomatik olarak oluşturabilir veya kendi bağlantılarınızı manuel olarak özelleştirebilirsiniz.

Açılır pencere, korumalı dosyanızın tüm öğelerini gösterir. Bunlar özel indirme bağlantıları, durum, toplam tıklama sayısı, indirme limiti, indirme süresinin dolması, oluşturulma süresidir. Ayrıca, her bir bağlantıyı düzenleme, kopyalama, sona erme ve silme seçenekleri vardır.
Toplu işlem kullanarak aynı anda birden çok dosyayı korumanız mümkündür. Medya Kitaplığına geri dönün ve korumayı düşündüğünüz dosyaları kontrol edin. Bundan sonra Toplu işlemler açılır menüsüne tıklayın, 'Dosyaları koru'yu seçin ve Uygula'ya basın.

Seçilen tüm dosyalar şimdi özel hale gelir. Özel indirme bağlantılarını yönetmek için her dosyanın açılır penceresine gidebilirsiniz.
WordPress Resimlerini Tembel Yükleyin ve Koruyun, Neden Olmasın?
Sitenizi hızlandırmak, bant genişliğinden tasarruf etmek ve kullanıcı deneyimini geliştirmek için WordPress resimlerini tembel olarak yüklemek önemlidir. WordPress, resimlerinizi otomatik olarak tembelce yüklemek için size zaten yerleşik bir özellik sunuyor. Tembel yükleme işlevini bir sonraki seviyeye taşımak için hala bir eklenti kullanabilirsiniz.
Gönderi resimlerinizi, küçük resimlerinizi ve dosyalarınızı widget'lara tembel olarak yüklemek için WP Rocket'in Lazy Load eklentisini nasıl kullanacağınız konusunda size rehberlik ettik. Çakışmaları önlemek için varsayılan tembel yükleme özelliğini devre dışı bırakmayı planlıyorsanız, function.php dosyanıza bir satır kod eklemeniz yeterlidir.
Yasa dışı kullanımları önlemek için özel, üretilmesi zor veya premium WordPress resimlerinizi korumanızı da tavsiye ettik. PDA Gold eklentisi, bu alanda öncü ve mükemmel bir çözüm olarak ortaya çıkıyor.
Ne için bekliyorsun? WordPress resimlerinizi şimdi tembelce yükleyin ve koruyun!
ev borcu WordPress sitesi