Görsel adresleri eski biçimde (jpg/png)
image_legacy_formatKısa cevap
Sayfadaki üç ya da daha fazla görsel .jpg veya .png adreslerinden sunuluyor. Aynı kalitede WebP, JPEG'den yaklaşık %25–34, PNG'den yaklaşık %26 daha küçüktür (Google'ın kendi rakamları); AVIF çoğu zaman daha da küçüktür. Daha hafif görseller daha hızlı LCP demektir. WebP/AVIF'i bir <picture> öğesiyle ya da anında dönüştüren bir CDN ile sunun. Sunucunuz tarayıcılara .jpg adresinde zaten WebP gönderiyorsa (içerik anlaşması), bu satırı yok sayabilirsiniz.
Neden önemli
Görseller genellikle bir sayfanın baytlarının en büyük payını oluşturur ve LCP öğesi çoğunlukla bir görseldir. Yalnızca biçim değişikliği bu ağırlığı gözle görülür kayıp olmadan üçte bir azaltabilir. Bu bilgi amaçlıdır: kural adresin uzantısına bakar, bu yüzden .jpg adreslerinin arkasında biçim anlaşması yapan bir sunucu zaten sorunsuz olsa da burada sayılır.
Glimana bunu nasıl tespit eder
Kural, sayfada en az üç görselin .jpg, .jpeg ya da .png uzantılı olduğu durumda tetiklenir; kanıtta sayı gösterilir.
Nasıl düzeltilir
- Glimana'da etkilenen sayfaları bulun. Sorunlar › Görsel adresleri eski biçimde (jpg/png) bölümünü açın. Etkilenen her sayfa bir satırdır; Glimana'nın o sayfa için kaydettiği kanıtı (ölçülen değer, soruna yol açan öğe ya da hedef adres) görmek için satırı açın. Aynı liste Görevler altındaki görev kartında da yer alır; sayfanın Sayfalar altındaki kendi ayrıntı görünümü ise tüm sinyallerini gösterir.
-
Düzeltmeyi platformunuzda uygulayın.
Görsel eklentinizde (ShortPixel, Imagify, EWWW ya da barındırmanın CDN'i) WebP/AVIF dönüştürmeyi etkinleştirin. WordPress 6+ yüklemede WebP üretebilir; mevcut görseller için toplu dönüştürme gerekir.
image_url/image_tagkullandığınızda Shopify'ın CDN'i destekleyen tarayıcılara zaten WebP/AVIF sunar; adresler yine.jpgile biter, bu yüzden Shopify'da barındırılan görseller için bu satırı yok sayın.Derleme hattı: WebP/AVIF varyantları üretin ve
<picture><source type="image/avif"><source type="image/webp"><img></picture>kullanın ya da önüne dönüştürme yapan bir CDN (Cloudflare Images, imgix) koyun. -
Yayımlayın ve önbellekleri temizleyin. Kaydedip yayımlayın, ardından tarayıcının yeni sürümü göreceğinden emin olun: WordPress — önbellek eklentinizde sayfa önbelleğini temizleyin ve CDN'i boşaltın; Shopify — tema ve içerik değişiklikleri kaydedildiği anda yayına girer, ancak mağazanın önünde bir CDN varsa onu boşaltın; özel kod — dağıtımı yapın ve uç (edge) önbelleği boşaltın. Canlı HTML'in değiştiğini gizli bir pencerede ya da
curl -s https://your-domain/page | grep -i '<title\|canonical\|robots'ile kontrol edin; Glimana, web tarayıcınızın önbelleğindekini değil, sunucunun gönderdiğini okur. - Glimana'da doğrulayın. Görevi Görevler altında açıp Yaptım düğmesine tıklayın. Etkilenen sayfalar birkaç saat içinde doğrulama taramasına alınır; sayfanın görselleri modern bir biçimde (WebP/AVIF) sunulduğunda görev kapanır. Kontrol yine başarısız olursa görev bir notla Yeni durumuna döner; geçerse Etki raporlarında Giderilen teknik sorunlar altında listelenir. Daha erken kontrol etmek için sorundaki Etkilenen sayfaları yeniden tara düğmesini kullanın.
Düzeltme nasıl doğrulanır
Yeniden tarayın; sayfanın görselleri modern bir biçimde (WebP/AVIF) sunulduğunda görev kapanır.