Optimizacija slik spletnih strani

Optimizacija slik spletnih strani predstavlja eno izmed pomembnejših področij optimizacije spletnih strani. Slike so pogosto glavni razlog, da spletna stran (ob prvem obisku) deluje počasi. Po prvem obisku se slike ponavadi shranijo v predpomnilniku brskalnika zato se ob druge obisku stran naloži precej hitreje, a to ni zadostni razlog, da se ne bi lotili optimizacije slik spletnih strani. Če slik na strani ne optimiziramo, nas lahko spletni iskalniki kaznujejo tako, da našo spletno stran uvrstijo nižje.

Optimizacija slik

Optimizacije slik se lotimo na več načinov.

Optimizacija velikosti slik – pri optimizaciji velikosti slik na spletni strani poskrbimo, da te niso prevelike. Pri tem nam je lahko v pomoč orodje TinyJPG, ki velikost slik optimizira tako, da so primernejše za uporabo na spletu.

Asinhrono nalaganje slik za boljšo SEO optimizacijo – Vsaka slika predstavlja nov HTTP zahtevek in vsaka naložena slike nekoliko upočasni prvi prikaz spletne strani. Pri tem se mnogokrat zgodi, da slika ni “above the fold”, kar pomeni, da ni v vidnem polju brskalnika. Povedano z drugimi besedami. Veliko spletno sliko smo dodali v nogo strani in ta se naloži kljub temu, da uporabniki ni “scrollal” na dnu strani. Temu se izognemo tako, da uredimo asinhrono nalaganje slik. Slike se naložijo le, ko si jih uporabnik želi ogledati. Slednje zelo pohitri prvo nalaganje spletne strani in lahko močno izboljša optimizacijo spletne strani.

Alt parameter – Slike na spletno stran dodamo preko HTML elementa img. Temu lahko dodamo alt parameter katerega namen je, da lahko preko njega opišemo, kaj se na sliki nahaja. Ta opis nato služi boljši optimizaciji spletne slike na spletnih iskalnikih.

Zaključek

V članku smo predstavili 3 načina, kako lahko izboljšamo optimizacijo slik spletne strani. Dobre optimizacije spletnih strani ni brez optimizacije slike. Pravzaprav je optimizacija slik eno izmed prvih opravil, ki jih je potrebno postoriti, če želimo, da je spletna stran dobro optimizirana.