Görsel Format Denetleyici
Bir sayfa girin; görsellerinden hangilerinin modern tarayıcıya AVIF ya da WebP olarak, hangilerinin yalnızca özgün biçiminde ulaştığını ve aradaki farkın kaç bayt ettiğini görün. Her görsel iki kez istenir: bir kez güncel bir tarayıcının istediği gibi, bir kez de her biçimi kabul eden bir tarayıcı gibi.
Denetleyici ne yapar
- Sayfanın HTML'ini bir kez okur (en fazla 1,5 MB) ve
<img>(srcsetve yaygın lazy-load öznitelikleriyle),<picture>veog:imageiçinden en fazla 20 görsel alır. - Her görseli iki kez ister: güncel bir tarayıcının gönderdiği
Accept: image/avif,image/webp,…başlığıyla ve özel bir şey istemeyen bir istemci gibiAccept: */*ile. - Dosya adı veya
Content-Typene derse desin gerçek biçimi anlamak için her yanıtın ilk baytlarını okur ve baytları sayar. Varybaşlığını ve CDN'in yazdığı önbellek durumunu gösterir; en fazla 3 yönlendirmeyi izler ve her hedef adresi yeniden denetler.- AVIF veya WebP
<source>içeren bir<picture>için modern istek o kaynağa, diğeri<img>öğesine gider: orada biçimi sunucu değil tarayıcı seçer.
Sonuçları okumak
AVIF veya WebP
Bu biçimleri destekleyen tarayıcı bunlardan birini aldı. Yanındaki boyut o tarayıcının indirdiği miktardır; "Diğer tarayıcılar" altındaki boyut ise AVIF veya WebP desteklemeyen bir tarayıcının aldığıdır.
Yalnızca özgün biçim
Görsel, AVIF ve WebP isteyen bir tarayıcıya bile JPEG, PNG veya GIF olarak geldi: site bu görseli dönüştürmüyor.
Her tarayıcıya aynı dosya
İki istek de aynı biçimi aldı. Biçim seçimi yapmayan bir sitenin ve herkese WebP dosyası sunan bir sitenin sonucu budur. Karşılaştırılacak bir şey olmadığı için kazanç gösterilmez.
Vary: Accept olmadan
Yanıt Accept başlığına göre değişiyor ama bunu Vary: Accept ile belirtmiyor ve paylaşılan önbelleklerin onu saklamasına izin veriyor. Sunucu ile ziyaretçi arasındaki bir proxy, AVIF veya WebP dosyasını bunu istemeyen bir tarayıcıya verebilir.
Kazanç
Toplama yalnızca iki yanıtı da tam okunan ve farklı biçimde gelen görseller girer. Yalnızca Content-Length'ten bilinen bir boyut gösterilir ama toplanmaz: rakam bir tahmin değil, ölçümdür.
Hız sınırı veya engel
Bir site 429, 403, bot doğrulaması ya da hız sınırlayıcıların gönderdiği küçük 503 sayfasıyla yanıt verirse, denetleyici o denetimde siteye istek göndermeyi bırakır ve kalan görselleri denetlenmedi olarak işaretler. Birkaç dakika sonra yeniden deneyin.
Sunucu biçimi nasıl seçer
Tarayıcı, gösterebildiği görsel biçimlerini Accept başlığında listeler. Görsel dönüştüren bir sunucu veya CDN bunu okur ve aynı URL'den AVIF, WebP ya da özgün dosyayı döner. Önbelleklerin her biçim için ayrı kopya tutması için de Vary: Accept göndermelidir.
Diğer yol HTML'dedir: bir <picture> öğesi AVIF ve WebP <source> dosyalarını listeler, tarayıcı desteklediği ilkini alır. İkisi de çalışır; denetleyici sayfa hangisini kullanıyorsa onu izler.
AVIF mi WebP mi: hangisi, ne zaman daha küçük
Sınırlar ve ne gönderdiğimiz
- Sayfa başına en fazla 5 sunucudaki en fazla 20 görsel, görsel başına en fazla 5 MB okuma, denetim başına 20 saniye.
- Bir adresten dakikada 3, günde 20 denetim. Biten bir denetim 10 dakika boyunca yeniden kullanılır; bir site, kim isterse istesin, 10 dakikada en fazla 6 kez denetlenir.
- İstekler Türkiye'deki sunucumuzdan IPv4 ile,
cdn.com.tr-image-check/1.0ile biten ve bu sayfaya bağlantı veren bir User-Agent ile gider. Bir CDN bize ziyaretçilerinizden farklı bir konumdan yanıt verebilir, bazı siteler otomatik istemcileri engeller ve yalnızca IPv6 ile erişilen bir site denetlenemez. - Yalnızca 80 ve 443 portlarındaki herkese açık adresler istenir; özel ve iç ağlar reddedilir. Görseller saklanmaz: yalnızca biçimler, boyutlar ve birkaç başlık döner.
- Sayfa yüklendikten sonra JavaScript'in eklediği görseller ve CSS arka plan görselleri HTML'de yoktur; denetleyici onları görmez.
Görselleri uçta dönüştürün
Görsel optimizasyonu açıkken CDN.com.tr, JPEG ve PNG görselleri destekleyen tarayıcılara WebP olarak sunar; tüm hesap için ya da tek bir yayınlama kuralı için. İşleme, aylık kotanıza sayılır.