Piltide optimeerimine
Pildi optimeerimine on protsess, mille käigus vähendatakse pildifailide suurusi ja tarnitakse neid tõhusalt ilma nähtava kvaliteedikaduta, parandades lehekülje laadimiskiirust ja kasutajakogemust.
Pildid moodustavad tavaliselt 50–70% veebilehe kogufaili suurusest, muutes pildi optimeerimise üheks kõige suurema mõjuga jõudluse paranduseks, mida saate teha. Eesmärk on tarnida väikseim failisuurus, mis ikka näeb he välja kasutaja seadmes ja ekraanil. Kaasaegne pildi optimeerimine hõlmab mitut tehnikat.
Responsiivsed pildid tarnivad erinevat suurust vastavalt kasutaja ekraanile (telefon ei vaja 4K pilti). Laisklaadimine edasi lükab piltide laadimiseni, kuni need kerimisel vaatesse jõuavad. Kompressioon vähendab faili suurust, eemaldades tarbetut andmet.
Praktikas
- E-kaubanduse sait konverteeris 10 000 tootepilti JPEG-ist WebP-ks ja vähendas piltide kogumahtu 45%, säästes ainult CDN-kuludes $500 kuus
- Kinnisvara veebisait rakendas responsiivseid pilte, tarnides mobiilis 400px laiuseid fotosid asemel 2400px desktop versioonidele, vähendades mobiili lehekülje laadimisaega 4 sekundiga
- Reisiblogi vähendas oma avalehte 15MB-lt 1,2MB-le, kasutades galerii piltide laisklaadimist ja kaasaegseid formaate, parandades oma Google PageSpeedi tulemust 28-lt 92-le
- Uudisteagentuur rakendas pildi CDN-i, mis vormindab ja sobitab pildid automaatselt, elimineerides vajaduse nende toimetajameeskonnal fotode manuaalset optimeerimist enne avaldamist
Kas ei ole kindel, kuidas see teile kehtib?
Kogenud insener vaatab üle teie veebisaidi, nähtavuse otsingus ja päringute teekonna ning kirjutab seejärel üles kolm asja, mida esmalt parandada. Dokument jääb teile igal juhul.