Google, JPEG ve PNG gibi en çok kullanılan standartlarımızın yüksek yer kaplamaması gereken yeni bir görüntü biçimi geliştirdi. Yeni NextGen görüntü formatı WebP olarak adlandırıldı ve görüntü boyutlarını çok az veya hiç kalite kaybı olmadan önemli ölçüde küçültüyor. WordPress web sitenizin hız performansını arttırmak istiyorsanız sizin için iyi haber.
Ortalama olarak, WebP görüntüleri% 39 daha küçük hale getiriyor. Animasyonlu bir GIF ile sıkıştırma daha da büyük:% 64. PNG için azalma yüzdesi% -45’tir. Bu rakamlar, özellikle çok az kalite kaybı olduğu veya hiç olmadığı gerçeği göz önüne alındığında oldukça etkileyicidir. Yeni uzantı henüz tüm tarayıcılar tarafından desteklenmemektedir.
Çoklu tarayıcı desteği
Şu anda WebP resim biçimini destekleyen üç tarayıcı var: Chrome, Opera ve Edge’in en son sürümü.
Uyumsuz bir tarayıcıdaki bir WebP görüntüsüne ne olur?
Bir tarayıcı uzantıyı desteklemiyorsa, basitçe ‘eski’ WordPress web sitesine yönlendirilir; Yani Firefox gibi tarayıcılar web sitenizi PNG ve JPEG görüntü formatlarıyla gösterir. Bu nedenle her ziyaretçi hala web sitesini görüntüleme olanağına sahiptir. WebP sürümünü sunarak ziyaretçilerin bir kısmının daha hızlı bir web sitesinin tadını çıkarabilmelerini sağlayabilirsiniz. WordPress web sitenizde WebP’yi kurmanın başka bir önemli nedeni daha var ve bunun Google’ın yeni web.dev aracıyla ilgisi var.
Yeni Google aracı: web.dev
Google, web.dev adlı yeni bir analiz aracı geliştirmeye başladı. Web sitenizin analizini yapan bir raporlama aracıdır. Bu analize dayanarak, geliştiriciler sitenizin hızlı ve kullanıcı dostu bir web sitesinin teknik gereksinimlerini ne ölçüde karşıladığını görebilir. Daha fazla bilgiyi web.dev adresinde toplayabilirsiniz . Buradaki harika gerçek, WebP’nin web.dev’e göre web’in modernleştirilmesindeki en önemli gelişmelerden biri olarak kabul edilmesidir. Ses iyi, değil mi? Öyleyse devam edelim.
WebP’yi aşağıdaki 3 adımla etkinleştirin
- JPEG ve PNG dosyalarını webP uzantısına dönüştürme
- WebP görüntülerini tüm sayfalarınıza bağlayın
- WordPress sitenizin yeni NextGen WebP biçimini kullanıp kullanmadığını test edin
Adım 1: JPEG ve PNG dosyalarını webP uzantısına dönüştürme
Birkaç eklentiyi test ettik: çalışma ve seçeneklerde oldukça benzer olan ShortPixel, Optimus HQ ve EWWW Image Optimizer.
Her üçü de tek bir tıklama ile eski JPEG ve PNG dosyalarını WebP formatına dönüştürür. Aşağıdaki örnekte, ilk kurulumu göstermek için ShortPixel kullanıyoruz.
ShortPixel eklentisini yükleme
- ShortPixel eklentisini Eklentiler> Yeni ekle aracılığıyla yükleyin
- Ardından Ayarlar> ShortPixel’e gidin ve kayıt işleminde bir API anahtarı isteyin.
- Daha sonra WordPress web sitenize bağlı olan e-posta hesabında API anahtarı alacaksınız (hangi e-posta hesabını hatırlamıyorsanız, Ayarlar> Genel> E-posta Adresi’nden alabilirsiniz)
- Adım 2 altındaki alana API anahtarını girin ve eklenti yüklendi!
Resimlerinizi ShortPixel eklentisi ile dönüştürme
Ayarlar menüsündeki ikinci sekmeye gidin ve üçüncü onay kutusunu (WebP görüntüleri) etkinleştirin.
Aynı sekmede ilginç bir seçenek daha bulabilirsiniz: Yükleme sırasında medyayı optimize edin.
İşlemi tamamladıktan sonra ayarı kaydetmeyi unutmayın !
Optimus HQ ile görüntü dönüştürme
Optimus HQ eklentisini yükleyin ve etkinleştirin. Daha sonra Ayarlar> Optimus’a gidin ve eklentiyi şu şekilde yükleyin:
EWWW Image Optimizer eklentisini kullanma
EWWW eklentisini yükleyin ve etkinleştirin ve Ayarlar> EWWWW Image Optimizer’a gidin. Ardından WebP sekmesine gidin ve JPG / PNG’den WebP’ye onay kutusunu işaretleyin.
2. Adım: WebP görüntülerini tüm sayfalarınıza bağlayın
Arkamızda ilk adımı atarak, görüntüler artık yeni biçimde mevcut. Şimdi tüm sayfaların ve gönderilerin .webp dosyasına başvurduğundan emin olmalıyız. Burada gerçekten kullanışlı olan bir eklenti Önbellek Etkinleştirici’dir.
Önbellek Etkinleştirici, varolan sayfaların .webp dosyalarına başvuru içerecek statik sayfaları oluşturur. Önbellek Davranışı’nda “Ek sürüm oluştur” seçeneğini belirleyerek sayfaların bu önbelleğe alınmış sürümünü etkinleştirebilirsiniz. Görsel talimat için aşağıdaki resme bakın.
Gidin Ayarlar> Önbellek Enabler ve seçenek yukarıda açıklanan seçin.
ShortPixel, Optimus HQ tr EWWW Görüntü iyileştirici tüm ayarları Önbellek Etkinleştirici eklentisiyle birlikte çalışır. Bu nedenle, .webp dosyalarınızın çalışır durumda olması için her iki eklentiye de ihtiyacınız vardır.
İlk Yorumu Siz Yapın