WebP görselleri ile WordPress site hızı nasıl arttırılır?

Web siteleri için hız çok önemli olduğu gibi bu hız konusunda “WebP görselleri ile WordPress site hızı nasıl arttırılır?” rehberiyle bir adım öne geçebilirsiniz.

WebP Nedir? – WebP bilmiyorsanız, öncelikle buradaki rehberden bilgi alabilirsiniz.

Web site yöneticileri için javascript ve CSS’yi küçültüp sıkıştırma kadar tüm görüntüleri mümkün olduğunca küçük hale getirmek de önemlidir. Bir WordPress siteniz varsa, Autoptimize veya ShortPixel Image Optimizer gibi bazı eklentileri kullanmak, bunu yaparken size büyük bir kolaylık sağlayacaktır. Fakat Google’ın WebP ile görselleri sıkıştırma ile hız konusunu bir adım ileriye götürebilirsiniz. Peki, WebP görselleri ile WordPress site hızı nasıl arttırılır? Anlatımlar, ShortPixel Image Optimization eklentisi baz alınarak yapılmıştır.

Adım Adım WebP Görselleri İle WordPress Site Hızı Nasıl Arttırılır İşlemleri

Görüntülerin WebP Sürümleri Oluşturma

ShortPixel Image Optimization eklentisini kullanıyorsanız 4.1 sürümü itibari ile bu işlemleri kolay bir şekilde yapabilirsiniz. Mevcut görüntülerin yanı sıra ücretsiz olarak bir WebP görüntüsü oluşturma seçeneği olan uygulama, böylece kullanımda da pratiklik sağlıyor.

ShortPixel ayarlarının Gelişmiş sekmesindeki WebP seçeneğini etkinleştirin. Görsellerin WebP sürümleri, yalnızca görüntüler optimize edildiğinde oluşturulur. Bu nedenle, görüntüleri optimize ettikten sonra görüntülerin WebP sürümlerini eklemeniz gerekirse şu adımları takip etmeniz gerekir;

  1. – Görüntüleri orijinallerine geri yükleyin
  2. – “WebP Sürümleri” seçeneğini işaretleyin
  3. – Toplu optimizasyonu yeniden başlatın.

WordPress’te WebP Görselleri Nasıl Kullanılır? 

WordPress sitelerinizde WebP kullanmak ve site hızını bu sayede arttırmak istiyorsanız iki farklı yöntemi deneyebilirsiniz. Sayfa kodunu değiştirerek ya da sayfa kodunu değiştirmeden bu işlemleri yapmak mümkün.

  1. Sayfa kodunu değiştirmeden (.htaccess yoluyla)

“Sayfa kodunu değiştirmeden (.htaccess yoluyla)” seçeneğinin işaretlenmesi halinde .htaccess dosyasına yeni bir kod bloğu eklenecektir. Bir görselin hem JPG / PNG hem de WebP sürümlerine sahipseniz, sunucu JPG/ PNG yerine WebP’yi göstermeye başlayacaktır. Bu, sayfa kodunu değiştirmeden doğrudan WebP görsellerini yayınlama imkanı sunar.

  1. Sayfa kodunun değiştirilmesi

WebP biçimini, eklentinin gelişmiş ayarlar sekmesindeki <PICTURE> etiket sözdizimini kullanarak ve sayfa kodunu değiştirerek de kullanabilirsiniz. Bu aşamada tüm <img> etiketleriniz <picture> etiketleriyle değiştirilecektir. Bu aynı zamanda .WebP görüntülerini kolayca yayınlamanıza, yazılım anlamında da uygun bir ortam yaratıyor., <Picture> etiketi ayrıca Generate WebP işaretleme etiketini içerir. Böylece stillerin kaybolması da önlenmiş olur.

WebP İçin Önbellek Ayarlama 

WebP ile uyumlu bir önbellek eklentisi de kullanabilirsiniz. Bu iki kat etki yapabilir. Cache Enabler eklentisini bu konuda ilk tercih edeceklerinizden birisi olabilir. Yüklemeniz ve etkinleştirmenizin ardından Ayarlar -> Önbellek Etkinleştirici’ye gidin ve “WebP görüntü desteği için ek önbellek sürümü oluştur” seçeneğini işaretleyin.

Cache Enabler tercih etmeyenler için daha popüler olan LiteSpeed ​​Cache eklentisi de tercih edilebilir. Başlangıçta destek sunmayan LiteSpeed Cache, gelen güncelleme ile birlikte bu konuda destek vermeye başladı. Bunun için iki şey yapmanız gerekir:

  1. Aşağıdaki kodu wp-config.php dosyasına ekleyin:

define (‘SHORTPIXEL_USE_DOUBLE_WEBP_EXTENSION’, TRUE);

  1. LiteSpeed’in Gelişmiş ayarlarını etkinleştirin.
  2. WebP dağıtım seçeneklerini etkinleştirin.
  3. LiteSpeed’in WebP dosyalarını oluşturma seçeneğini etkinleştirmeyin. Zira görselleri optimize ederken ShortPixel’den destek alacağınız için bu seçenek gereksiz olacaktır.
Summary
Review Date
Reviewed Item
WebP görselleri ile WordPress site hızı nasıl arttırılır
Author Rating
51star1star1star1star1star

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir