Optimizacija slika
Optimizacija slika je proces smanjenja veličine datoteka slika i njihove učinkovite dostave bez vidljivog gubitka kvalitete, čime se poboljšava brzina stranice i korisničko iskustvo.
Slike obično čine 50-70 % ukupne veličine datoteke web stranice, što optimizaciju slika čini jednim od najučinkovitijih poboljšanja performansi koja možete učiniti. Cilj je dostaviti najmanju moguću veličinu datoteke koja i dalje dobro izgleda na uređaju i zaslonu korisnika. Moderna optimizacija slika uključuje nekoliko tehnika.
Responzivne slike prikazuju različite veličine ovisno o zaslonu korisnika (telefonu nije potrebna 4K slika). Lijeno učitavanje odgađa učitavanje slika dok one nisu blizu ulaska u vidno polje. Kompresija smanjuje veličinu datoteke uklanjanjem nepotrebnih podataka.
U praksi
- E-commerce web stranica konvertirala je 10.000 slika proizvoda iz JPEG u WebP i smanjila ukupni propusni opseg slika za 45 %, uštedjevši samo 500 $ mjesečno na troškovima CDN-a
- Web stranica za nekretnine implementirala je responzivne slike, prikazujući fotografije široke 400 px na mobitelu umjesto verzija za desktop širine 2400 px, što je smanjilo učitavanje mobilne stranice za 4 sekunde
- Putopisni blog smanjio je svoju početnu stranicu s 15 MB na 1,2 MB lijenim učitavanjem galerijskih slika i korištenjem modernih formata, poboljšavajući svoju Google PageSpeed ocjenu s 28 na 92
- Novinska kuća implementirala je CDN za slike koji automatski formatira i skalira slike, eliminirajući potrebu da urednički tim ručno optimizira fotografije prije objavljivanja
Niste sigurni kako se ovo odnosi na vas?
Senior inženjer pregledava vašu web stranicu, vašu prisutnost u pretraživanju i način na koji upiti dolaze do vas, a zatim bilježi tri stvari vrijedne popravka prvo. Dokument zadržavate u svakom slučaju.