Slike pogosto zavzamejo največ prenesenih podatkov na strani. Hkrati so del vsebine in dostopnosti. Zato »optimizacija slik« ni samo stiskanje datotek.
Najprej prave dimenzije
Fotografija širine 5000 pik ni smiselna v kartici, ki je široka 600 pik. WordPress zna ustvariti več velikosti in brskalniku ponuditi ustrezno različico. Predloga pa mora te različice tudi pravilno uporabiti. S tem zmanjšate prenos brez vidne izgube kakovosti.
Format in kompresija
WebP ali AVIF lahko pri fotografijah občutno zmanjšata datoteko. Logotipi in grafike z ostrimi robovi včasih potrebujejo drugačen pristop. Ne lovite najnižje številke za vsako ceno: cilj je dobra vizualna kakovost pri smiselni velikosti.
Glavna slika potrebuje posebno pozornost
Največji vidni element ob odprtju strani pogosto vpliva na metriko LCP. Če je glavna slika prevelika, naložena prepozno ali skrita za težko skripto, obiskovalec čaka, čeprav je preostanek strani že pripravljen.
Opišite pomen slike v kontekstu. Če je slika samo dekoracija, je prazen alt pogosto pravilna izbira.
Hiter kontrolni seznam
- slika ni večja od prostora, v katerem je prikazana;
- format in kakovost sta primerna vrsti slike;
- širina in višina sta določeni, da vsebina med nalaganjem ne skače;
- pomenske slike imajo uporaben alt opis;
- glavna slika ni po nepotrebnem lazy-loadana.
Kaj lahko odkrije pregled
Guard lahko pokaže očitno prevelike datoteke, manjkajoče vire in slike brez jasnega alt opisa. Samodejno stiskanje je mogoče urediti z namenskim orodjem, kakovost opisa pa pri pomembnih slikah še vedno najbolje presodi človek.
