WordPress'te Fotoğrafları Zahmetsizce Tembel Şekilde Yükleme (2 Yaklaşım)

WordPress'te fotoğrafların tembel olarak nasıl yükleneceği konusunda ustalaşmak ister misiniz?

Tembel yükleme, web sayfanızın yalnızca tüketici belirli bir gösterime doğru ekranı kaydırdığında görsellerin yüklenmesine olanak tanır, bu da web sitesinin yüklenme süresini azaltır ve web sitesinin genel performansını artırır. Çok sayıda tercih edilen grafik ağırlıklı web sitesi, web sitesi hızını ve verimliliğini artırmak için tembel yükleme kullanır.

Bu raporda, WordPress'te görselleri adım adım kolayca nasıl yükleyeceğinizi göstereceğiz.

WordPress'te Neden Tembel Resim Yükleme?

Tembel yükleme WordPress fotoğrafları sitenizi hızlandırabilir ve daha iyi bir kullanıcı deneyimi sunabilir.

Hiç kimse aşamalı web sitelerini sevmez. Bir işlevsellik araştırması, web sayfası yükleme süresinde 1 saniyelik bir gecikmenin, satışlarda %7 daha az dönüşüm, %11 daha az sayfa görüntüleme ve müşteri memnuniyetinde %16 azalma sağladığını ortaya çıkardı.

Muhtemelen yavaş yüklenen internet web sitelerinden hoşlanmayan Google gibi motorları arayın. Daha hızlı web sayfalarının arama efektlerinde daha iyi sıralanmasının nedeni budur.

Fotoğrafların web sitenize yüklenmesi, diğer web sitesi özellikleriyle karşılaştırıldığında en fazla zaman alır. Makale içeriğinize çok sayıda illüstrasyon veya fotoğraf eklerseniz, her bir grafik web sayfanızın yüklenme süresini artırır.

Bu çıkmazla baş etmenin özel bir yolu BunnyCDN gibi bir CDN sağlayıcısı kullanmaktır. CDN, kullanıcıların kendilerine en yakın internet sunucusundan çizim veya fotoğraf indirmelerine olanak tanıyacak ve web sitesi yükleme hızlarını azaltacaktır.

Öyle olsa bile, resimleriniz yine de yüklenecek ve genel web sitesinin yüklenme süresini etkileyecektir. Bu sorunu aşmak için internet sitenize tembel yük uygulayarak görsellerin yüklenmesini erteleyebilirsiniz.

Görüntüler için yavaş yükleme işi nasıl yapıyor?

Tüm görsellerinizi aynı anda yüklemenin alternatifi olarak, yavaş yükleme yalnızca kullanıcının ekranında görünen görselleri indirir. Diğer tüm fotoğrafları yer tutucu izlenimi veya boş odayla değiştirir.

Bir kullanıcı web sayfasını aşağı kaydırdıkça siteniz, tarayıcının görüntüleme bölgesinde görünen görselleri toplar.

Tembel yükleme, WordPress siteniz için oldukça avantajlı olabilir:

• Alıcıların sitenizi daha hızlı görebilmesi için dünya çapındaki ilk web sayfasının yüklenme süresini azaltır.
• Yalnızca görülen fotoğrafları sunarak bant genişliğinden tasarruf sağlar, bu da WordPress internet barındırma maliyetlerinden tasarruf etmenizi sağlar.

WordPress 5.5'in sürümü, varsayılan özellik olarak yavaş yüklemeyi içeriyordu.

Öyle olsa bile, fotoğraflarınızın tembel yükleme ve ayrıca tembel yükleme geçmiş çizimleri veya fotoğraflarını özelleştirmek istiyorsanız, bir WordPress eklentisi kullanmanız gerekecektir.

İki farklı eklentiyi kullanarak WordPress'te resimlerin tembel olarak nasıl yükleneceğine bir göz atalım. Kullanmak istediğiniz tekniğe doğrudan ulaşmak için aşağıdaki kısa köprüleri kullanabilirsiniz:

Strateji 1: WP Rocket ile WordPress'te Tembel Yükleme Fotoğrafları

WordPress'te fotoğrafları yavaş yüklemek için WP Rocket eklentisini kullanmanızı öneririz. Tembel yükleme sırasında çok kolay bir şekilde dönüşüm yapmanıza olanak tanıyan sektördeki en etkili WordPress önbellekleme eklentisidir.

Bunun dışında, karmaşık özel terimleri tanımanıza veya yetenekli seçenekleri yapılandırmanıza gerek kalmadan web sayfanızın hızını artırmanıza yardımcı olacak çok etkili bir eklentidir.

Kutudan çıktığı haliyle düzeltin, varsayılan önerilen önbellekleme seçeneklerinin tümü WordPress web sitenizi büyük ölçüde hızlandıracaktır.

Yapmak isteyeceğiniz ilk şey WP Rocket eklentisini kurup etkinleştirmek olacaktır. Daha fazla bilgi için WordPress eklentisinin nasıl kurulacağına ilişkin kılavuzumuza bakabilirsiniz.

Görüntünün yavaş yüklenmesine izin vermek için tek yapmanız gereken birkaç kutuya bakmaktır. Filmlerin yavaş yüklenmesine bile izin verebilirsiniz, bu da internet sitenizin hızını daha da artıracaktır.

Tek yapmanız gereken, WordPress kontrol panelinizde Ayarlar »WP Roket'e gidip 'Medya' sekmesine tıklamak. Ardından, 'LazyLoad' kısmına ilerleyebilir ve 'Resimler için etkinleştir' ve 'iframe'ler ve videolar için etkinleştir'in yanındaki kutulara bakabilirsiniz.

Daha fazla ayrıntı için WP Rocket'ın WordPress'e nasıl uygun şekilde yerleştirilip kurulacağına ilişkin kılavuzumuza bakın.

Yaklaşım 2: WordPress'te Optimole ile Fotoğrafları Tembel Yükleme

Bu yaklaşım, ücretsiz Optimole eklentisini kullanır. Grafik tembel yüklemeyi kolayca güçlendirmenize olanak tanıyan en etkili WordPress grafik sıkıştırma eklentilerinden biridir.

Her ay 5.000'den fazla site ziyaretçisi alıyorsanız, o zaman Optimole'un en kaliteli modeline ihtiyacınız olacaktır.

Öncelikle Optimole eklentisini kurup etkinleştirmeniz gerekiyor. Daha fazla ayrıntı için WordPress eklentisinin nasıl kurulacağına ilişkin adım adım bilgilerimize bakın.

Etkinleştirme sonrasında sizden bir API anahtarı talep etmenizi isteyen bir ekran göreceksiniz. Yönetici menüsünde Optimole'e giderek de bu monitöre rastlayabilirsiniz.

Ayrıntılı e-posta adresinin doğru olduğundan emin olmanız ve ardından 'Hesabınızı oluşturun ve bağlayın' düğmesine tıklamanız gerekecektir. Alternatif olarak, mevcut bir kullanıcıysanız 'Artık bir API anahtarım var' düğmesine tıklamanız yeterlidir.

Eklentinin Optimole'e bağlanmasına rağmen birkaç saniye beklemeniz gerekebilir. Bundan kısa bir süre sonra eklenti mekanik olarak fotoğraflarınızı iyileştirmeye başlayacak, böylece okuyucularınız artık cihazları için en iyi fotoğrafları görebilecek.

Bu meydana geldiğinde, tembel yüklemeyi yapılandırmak için 'Ayarlar' sekmesine tıklayabilirsiniz.

Aşağıda 'Fotoğrafları ölçeklendir ve Tembel yükleme' yerleşiminin etkinleştirildiğinden emin olmanız gerekir. Bu, ziyaretçinizin monitör boyutlarına bağlı olarak görüntüleri ortaya çıkaracak ve yükleme hızlarını güçlendirecektir.

Yakında 'Gelişmiş' menü çözümüne tıklayın ve 'Lazyload'ı seçin. Bu monitörde, fotoğraflarınızın nasıl geç yükleneceğini kişiselleştirmenize olanak tanıyan çeşitli ayarlar bulunmaktadır.

Başlangıçta, '1. çeşit görselleri lazyload'dan hariç tut' konumunu değiştirebilirsiniz. Bu, yazılarınızın veya internet sayfalarınızın başındaki görsellerin geç yüklenmesini engelleyecektir, böylece ekranın üst kısmındaki görseller normalde görünecektir.

Hemen hemen her izlenimin yavaş yüklenmesini istiyorsanız bunu yapabilirsiniz.

Optimole'de kontrol edebileceğiniz birkaç son teknoloji tembel yükleme ayarı daha vardır. Bu seçenekler varsayılan olarak etkindir.

Bunlardan ilki 'Görüntüleri Ölçekle' ayarıdır. Bu, fotoğrafları ziyaretçinin görüntüleme boyutuna göre ölçeklendirecek ve web sayfanızın daha hızlı yüklenmesini sağlayacaktır.

Bundan hemen sonra 'Geçmiş kayıt görüntüleri için lazyload'ı etkinleştir' konumunu göreceksiniz. Bu, internet sitenizdeki en büyük fotoğraflar olabilecek geçmiş fotoğraflarınızı tembel olarak yükleyecektir.

Bir ayar daha, gömülü videoların ve iframe'lerin geç yüklenmesidir. Çok sayıda gömülü film içeriğiniz varsa, bu konumdan uzaklaşmak isteyeceksiniz. Videonun konumuna bir yer tutucu grafik yükleyecektir. Yer tutucuya tıklandığında video klibin tamamı yüklenecektir.

Bu yapılandırmaları özelleştirmeye devam edebilir ve web siteniz ve fotoğraflarınız için neyin en iyi sonucu verdiğini görebilirsiniz.

Eklenti yapılandırmalarından çıkmadan önce, web sayfasının alt kısmındaki 'Değişiklikleri kaydet' düğmesine tıkladığınızdan emin olun.

WordPress Görsellerinizi Geliştirmek için Ödül Stratejileri

Tembel yükleme, web sitesi yükleme hızını artırmaya yardımcı olsa da, WordPress görsellerinizi en etkili performans için optimize etmenin birkaç yöntemi daha vardır.

Örnek olarak, TinyPNG veya JPEGmini gibi bir kaynak kullanarak fotoğraflarınızı sitenize yüklemeden hemen önce sıkıştırmanızı öneriyoruz. Alternatif olarak, Optimole veya EWWW Impression Optimizer gibi otomatik resim sıkıştırma eklentilerini kullanabilirsiniz.

Resimleriniz için ideal WordPress resim boyutunu ve dosya formatını seçmek de çok önemlidir. JPEG'ler çok renkli fotoğraflar veya fotoğraflar için en iyisidir; PNG'ler basit veya net resimler için kabul edilebilir ve GIF'ler yalnızca animasyonlu görseller içindir.

Bu raporun, WordPress'te görselleri yavaş yükleme konusunda uzmanlaşmanıza yardımcı olacağını umuyoruz. Ayrıca, internet için fotoğrafları kaliteden ödün vermeden hızlı bir şekilde nasıl geliştirebileceğinize dair eğitimimizi ve en iyi net tasarım ve stil yazılım paketinden oluşan yetenekli seçimlerimizi de görmek isteyebilirsiniz.

Bu yazıyı beğendiyseniz WordPress çevrimiçi video eğitimleri için YouTube Kanalımıza abone olmayı unutmayın. Bizi Twitter ve Fb'de de bulabilirsiniz.