Google PageSpeed Insight ile web sitemizin Performans, SEO, Erişilebilirlik ve Uygulama tarafındaki puanını ölçebiliyor ve Google Standartlarına göre sitemizdeki eksikleri görebiliyoruz. PageSpeed tarafında her ne kadar sorunlar listelense de çözümlere ulaşmak kafa karışıklığını da beraberinde getirebiliyor. Bu yazımda sizlere PageSpeed’te alınan Resimleri yeni nesil biçimlerde yayınlayın hatası ve bu hatanın çözümüne değineceğim.
“Resimleri yeni nesil biçimlerde yayınlayın” Hatası Nedir?
PageSpeed tarafında verilen bu hata günümüz internet siteleri için en sık rastlanan hataların başında geliyor. Google, birkaç sene önce özellikle “webp” formatını ana odağına aldı ve internet sitelerinden, resim dosyalarını bu formatta yayınlamasını önerdi. Her ne kadar çoğu Google ürününe bu uzantıdaki dosyaları yükleyemiyor olsak da bizi bu uzantıya performans açısından mahkum etti.
AVIF uzantısını önerse de günümüzde On-Page SEO tarafında en çok tercih edilen görsel uzantısı “webp” olmaktadır. Bu hem Google standartları için önemli hem de bu format ile PNG ve JPG dosyalarınızın boyutu ciddi oranda azaldığı için, ziyaretçi deneyimini de ciddi oranda arttırmaktadır.
“Resimleri yeni nesil biçimlerde yayınlayın” hatası için yapmamız gereken sitemizdeki tüm görselleri “.webp” formatına çevirmek olacaktır. Bunu yaparken de kaliteyi bozmadan sıkıştırma işlemi yaparak ciddi bir dosya boyutu tasarrufu sağlayacağız.
“Resimleri yeni nesil biçimlerde yayınlayın” Hatasının Çözümü
PageSpeed tarafında aldığınız bu sorunun çözümü için birden fazla yol bulunuyor. Fakat ben en çok tercih ettiğim iki yöntemi size aktaracağım. Diğer alternatiflerde genelde uzun vadede sorunlar yaşanabiliyor veya resim uzantıları dönüştürülürken kalite kayıpları yaşanabiliyor.
WordPress için Webp Converter Eklentisi
Günümüz internet sitelerinin çok ciddi oranı WordPress ile yapıldığı için ilk seçeneğimi bu alanda kullandım. Eğer bir WordPress siteniz var ise hiçbir kod ve yazılım beceriniz olmadan sitenizdeki tüm resimleri birkaç tuşla “webp” formatına getirebilir ve Resimleri yeni nesil biçimlerde yayınlayın hatasını çözüme kavuşturabilirsiniz. Bunun için de pek çok alternatif eklenti olmasına karşın, şu ana kadar %100 performans aldığım eklenti “Converter for Media – Optimize images | Convert WebP & AVIF” olmaktadır.
WordPress eklentilerinde araştırabileceğiniz ve ücretsiz olan bu eklenti sayesinde sitenize yüklediğiniz ve tema / eklenti klasörlerinizde bulunan tüm görselleri tek bir tuşla webp formatında yayınlayabilirsiniz. Böylece birkaç dakikalık işlem ile Pagespeed’ten aldığınız bu hatayı çözer ve resimlerinizi daha optimize bir şekilde kullanabilirsiniz.
Webp Converter Eklenti Kurulumu
- WordPress -> Eklentiler -> Yeni Ekle alanından ilgili eklenti ismini yazarak aratın.
- Eklenti listesinden “Converter for Media – Optimize images | Convert Webp & AVIF” eklentisini yükleyip etkinleştirin.
- Ayarlar -> Converter for Media kısmından eklenti ayarlarına geçiş yapın.
- İlgili ayarları aşağıdaki şekilde doldurun ve eklentiyi tüm görseller için çalıştırın.
Webp Converter Eklenti Kullanımı
- “Conversion strategy” alanını -Optimal seçeneğinde bırakmanızı tavsiye ederim.
- “Supported output formats” alanında ise -Webp seçili olarak bırakın.
- “Supported directories” bölümünde eğer farklı bir düşünceniz yoksa tüm klasörleri işaretleyin.
- “Conversion of new images” alanını da aktif ederek yüklediğiniz yeni her görseli otomatik webp formatına çevirmesine izin verin.
- “Save Changes” butonu ile seçimlerinizi kaydedin.
- Ayarları kaydettikten sonra “Force the conversion of all images again” alanını aktif ederek “Start Bulk Optimization” butonuna tıklayarak resimleri optimize etmeye başlayın.
Manuel Olarak Resimlerinizi .webp Formatına Çevirin
Farklı bir yazılım kullanan veya statik HTML bir siteye sahip olanlar için bu kısım eğer kod ve yazılım olmadan halledilmek isteniyorsa emek gerektirecektir. Çünkü tüm resimleri tek tek webp formatına çevirmeniz gerek. Bunun için ise internette pek çok kaynak bulunuyor.
Google’a “jpg to webp” “png to webp” yazarak çıkan online converter sitelerini kullanarak görsellerinizi tek tek .webp formatında kaydedebilir ve ardından sitenizdeki resimleri bu güncel görsel dosyaları ile değiştirebilirsiniz. Ayrıca bu alanda compress ayarları yaparak resim boyutlarını kendinize göre iyice küçültebilirsiniz.
Tüm hata gösteren görsellerinizi webp formatı ile güncelledikten sonra tekrar Pagespeed test yaptığınızda resimleri yeni nesil biçimlerde yayınlayın hatasının çözüme kavuştuğunu göreceksiniz.
İçindekiler