Optimizacija slik
Optimizacija slik je postopek zmanjševanja velikosti datotek slik in njihovega učinkovitega dostavljanja brez vidne izgube kakovosti, kar izboljša hitrost strani in uporabniško izkušnjo.
Slike običajno predstavljajo 50–70 % skupne velikosti datoteke spletne strani, zato je optimizacija slik ena izmed izboljšav zmogljivosti z največjim vplivom, ki jo lahko opravite. Cilj je dostaviti najmanjšo možno velikost datoteke, ki še vedno dobro izgleda na napravi in zaslonu uporabnika. Sodobna optimizacija slik vključuje več tehnik.
Odzivne slike servirajo različne velikosti glede na zaslon uporabnika (telefon ne potrebuje slike 4K). Leno nalaganje odloži nalaganje slik, dokler se ne približajo vidnemu delu okna. Stiskanje zmanjša velikost datoteke z odstranitvijo nepotrebnih podatkov.
V praksi
- E-trgovinsko spletno mesto je pretvorilo 10.000 slik izdelkov iz JPEG v WebP in zmanjšalo skupni pasovni promet za slike za 45 %, s čimer je samo stroške CDN-ja prihranilo 500 USD mesečno.
- Nepremičninsko spletno mesto je implementiralo odzivne slike, ki na mobilnih napravah servirajo fotografije široke 400 px namesto 2400 px za namizne računalnike, s čimer je zmanjšalo čas nalaganja strani na mobilnih napravah za 4 sekunde.
- Potopisno spletno mesto je z lenim nalaganjem galerijskih slik in uporabo sodobnih formatov zmanjšalo svojo domačo stran z 15 MB na 1,2 MB, s čimer je izboljšalo oceno Google PageSpeed s 28 na 92.
- Novinarska hiša je implementirala CDN za slike, ki samodejno formatira in prilagaja velikost slik, s čimer je odpravila potrebo po ročni optimizaciji fotografij s strani uredniške ekipe pred objavo.
Niste prepričani, kako se to nanaša na vas?
Senior inženir obišče vašo lokacijo, vašo prisotnost v iskalnikih in način, kako prispeta povpraševanja, nato zapiše tri stvari, ki jih je vredno najprej popraviti. Dokument lahko obdržite v vsakem primeru.