ev borcu WordPress sitesi
WebP Görüntülerini Doğru Şekilde Sunarak WordPress Sayfalarının Hızını Nasıl Artırırsınız?
Görselleri uygun bir şekilde kullanmanın web sitenizin görünümünü oldukça etkili bir şekilde iyileştirebileceğini hepimiz biliyoruz. Ancak, web sayfanızın ağırlığını artırabileceklerini biliyor muydunuz?
İster inan ister inanma, bu doğru. Bu nedenle, web sitenizde çok fazla görsel varsa, bazen gecikme sorunlarıyla karşılaşabilirsiniz. Ayrıca sitenizin sayfaları da yavaş yüklenmeye başlayabilir. Sonuç olarak, bu sorunlar oldukça sorunlu olabilir ve web sitenizin genel kullanıcı deneyimini büyük ölçüde etkileyebilir.
Peki, o zaman bu sorunu nasıl çözebilirsiniz? Fotoğrafların formatını WebP olarak değiştirerek bu sorunun cevabı oldukça basit.
Bu tür biçimlendirmeyle, kalitesini korurken görüntülerin boyutunu küçültebilirsiniz. Bu nedenle, burada bu format hakkında biraz konuşacağız ve web sitenizde veya sunucunuzda WebP görüntülerini sunmanın yollarını size bildireceğiz. Bu nedenle, takipte kalmayı unutmayın.
WebP Aslında Nedir?
Daha önce de belirtildiği gibi, WebP aslında bir tür görüntü dosyası formatıdır. Web sitesi sahiplerinin sitelerini optimize etmelerine yardımcı olmak için özel olarak Google tarafından yapılmıştır. Evet, doğru anladınız. WebP, JPG, PNG, JPEG, BMP vb. gibi diğer popüler dosya formatları gibi çalışır.
Ancak tek farkı onlardan çok daha basit ve hafif olmasıdır.
Bu nedenle, diğer biçimleri kullanmak yerine bunları WordPress web sitenizde kullanırsanız, sitenin ağırlığını oldukça büyük ölçüde azaltacaktır. Bu nedenle, web sayfanızın yüklenme hızı da oldukça fazla artacaktır.
Ancak, iOS Safari Tarayıcısı gibi birçok tarayıcı bu biçimi desteklemez. Bu nedenle, web sitenizde WebP görsellerini büyük miktarda sunmaya başlarsanız, iPhone kullanan kullanıcılar yalnızca boş görseller görecektir.
Hangi Tarayıcılar WebP Formatını Destekler?
Şu anda Google Chrome, Opera ve Edge gibi en popüler tarayıcılardan bazıları WebP görüntü biçimini desteklemektedir.
Firefox kısa süre önce, yakın gelecekte tarayıcılarının bu formatı desteklemesini sağlamaya çalıştıklarını duyurdu. Ancak, eski okul Internet Explorer, WebP biçimini hiçbir şekilde desteklemez.
JPEG ve WebP: Görüntü Boyutlarının Karşılaştırılması
Daha önce de belirtildiği gibi, WebP formatındaki görüntüler, diğer popüler formatlar, özellikle JPEG gibi, o kadar ağır değildir. Ayrıca, normal dosyalardan oldukça küçüktürler.
Örneğin, WebP formatlı fotoğraflar, JPEG resimlerden yaklaşık %25 ila %35 daha küçüktür. Öte yandan, PNG fotoğraflarından yaklaşık %26 daha küçüktürler.
Sırf bu nedenle, günümüzde çoğu WordPress web sitesi sahibi, geleneksel olanları kullanmak yerine sayfalarında WebP görüntüleri sunar.
.htaccess ile Apache Sunucusunda WebP Desteği Nasıl Uygulanır?
Çoğu zaman, web barındırma sunucunuz WebP görüntü formatı hakkında hiçbir fikre sahip olmayacaktır. Bu nedenle, web sitenize bazı WebP görselleri eklemek istiyorsanız, önce bunu .htaccess klasöründe bildirmeniz gerekir.
Şu anda Apache sunucusu veya cPanel üzerinde çalışıyorsanız, bazı kodlar ekleyerek WebP desteğini uygulayabilirsiniz.
Bunun için önce .htaccess dosyasını public_html adlı klasörü açmanız gerekir. Bundan sonra, web sitenizde WebP görsellerini sunmak için aşağıdaki kodları içine ekleyebilirsiniz.
# Görüntüleri doğru Mime Türü ile sunun AddType resmi/webp .webp # Kurulum Önbelleği Sona EriyorAktif Açık ExpiresByType resmi/webp A2592000
Nginx Sunucusunda WebP Desteği Nasıl Uygulanır?
Öte yandan, web sitenizde çalışmak için Nginx sunucusunu kullanıyorsanız, benzer şekilde bazı kodlar eklemeniz gerekir. Bu amaçla yazmanız gereken kod şudur:
konum ~ ^(/path/to/your/images.+)\.(jpe?g|png)$ {
if ( $http_accept ~* webp ) {
$webp "A"yı ayarla;
}
if ( $request_filename ~ (.+)\.(png|jpe?g)$ ) {
$file_without_ext $1 olarak ayarla;
}
if ( -f $file_without_ext.webp ) {
$webp "${webp}E" ayarla;
}
if ( $webp = AE ) {
add_header Vary Kabul et;
yeniden yaz ^(.+)\.(png|jpe?g)$ $1.webp sonu;
}
}
Bu nedenle, Nginx sunucusunda bulunan WordPress web sitenizin WebP formatı hakkında bilgi sahibi olmanıza yardımcı olabilecek tek yol budur.
En İyi WebP Eklentileri Nelerdir?
WordPress web sitenizde WebP görselleri sunmanıza ve onu daha kullanıcı dostu hale getirmenize yardımcı olabilecek birkaç eklenti var. Aşağıdakiler bunlardan bazılarıdır.
1. Önbellek Etkinleştirici ve Optimus Image Optimizer
Önbellek Etkinleştirici muhtemelen piyasada bulunan WebP için kullanımı en kolay eklentilerden biridir. Oldukça basit bir kullanıcı arayüzüne sahip ve oldukça hızlı çalışıyor.
Bu nedenle, acemiyseniz ve gelişmiş kodlama hakkında fazla bir şey bilmiyorsanız, Önbellek Etkinleştirici'yi seçmek sizin için mükemmel bir fikir olacaktır. Önbellekleri sizin için etkinleştirecektir. Böylece, işiniz için başka herhangi bir resim düzenleme eklentisini mükemmel bir şekilde kullanabilirsiniz. Bununla ilgili başka bir şaşırtıcı şey daha bilmek ister misiniz? İndirmek tamamen ücretsizdir.
Daha önce de belirtildiği gibi, Önbellek Etkinleştirici yalnızca web sitenize ekstra önbellek eklemenize yardımcı olur, bu oldukça önemlidir. Ancak, görüntüleri tamamen optimize etmenize ve formatlarını değiştirmenize yardımcı olamaz.
Bu nedenle, bunun için Optimus Image Optimizer'ın yardımına ihtiyacınız olacaktır. otomatik bir eklentidir, yani fotoğrafların biçimini otomatik olarak değiştirebilir. Yani, bu programa sahipseniz, manuel olarak hiçbir şey yapmanız gerekmez.
2. WebP Ekspres Eklentisi
Aynı amaç için kullanabileceğiniz başka bir mükemmel eklenti daha var. WebP Express Eklentisi olarak bilinir. Bu formatı destekleyen tarayıcılarda otomatik olarak WebP görüntüleri üretebilir.
Daha önce iki farklı eklenti ile aynı format değiştirme görevini yapıyordunuz. Ancak, bunu seçerseniz, ekstra bir şey indirmeniz gerekmez.
Bu eklentinin de kullanımı oldukça kolaydır ve görüntülerin biçimlerini otomatik olarak değiştirerek WebP görüntülerini sunmanıza yardımcı olabilir. Kurduktan sonra, ilk sayfada Konuşmayı Başlat adlı bir seçenek göreceksiniz. O zaman tek yapmanız gereken, üzerine tıklamak ve eklentinin büyüsünü izlemek.
WebP formatı, özellikle web sitenizi optimize etmeyi düşünüyorsanız, herhangi bir WordPress web sitesi sahibi için oldukça faydalı olabilir. Bu nedenle, sitenizin görsellerinin biçimini değiştirmek ve genel kullanıcı deneyimini geliştirmek için uygun kodları eklediğinizden ve ücretsiz eklentileri kullandığınızdan emin olun.