Képoptimalizálás
A képopimalizálás a képfájlok méretének csökkentését és hatékony kiszolgálását jelenti látható minőségveszteség nélkül, javítva az oldalbetöltési sebességet és a felhasználói élményt.
A képek jellemzően egy weboldal teljes fájlméretének 50-70%-át teszik ki, így a képopimalizálás az egyik leghatékonyabb teljesítményjavító intézkedés, amit tehet. A cél a lehető legkisebb fájlméret elérése, amely még jól néz ki a felhasználó eszközén és képernyőjén. A modern képopimalizálás több technikát foglal magában.
A reszponzív képek a felhasználó képernyője alapján különböző méreteket szolgálnak ki (egy telefonhoz nem kell 4K-s kép). A lazy loading elhalasztja a képek betöltését addig, amíg azok éppen a látható területre nem kerülnek. A tömörítés azáltal csökkenti a fájlméretet, hogy eltávolítja a felesleges adatokat.
A gyakorlatban
- Egy e-kereskedelmi oldal 10 000 termékképet alakított át JPEG-ről WebP-re, és 45%-kal csökkentette a képek teljes sávszélességét, ami önmagában havi 500 dollár megtakarítást jelentett a CDN-költségekben
- Egy ingatlanos weboldal reszponzív képeket vezetett be, mobilon 400 px széles fotókat szolgált ki a 2400 px-es asztali verziók helyett, ami 4 másodperccel csökkentette a mobil oldalletöltési idejét
- Egy utazási blog a galériaképek lazy loadingjával és modern formátumok használatával 15 MB-ról 1,2 MB-ra csökkentette a kezdőlapját, és a Google PageSpeed pontszámát 28-ról 92-re javította
- Egy híroldal olyan kép-CDN-t vezetett be, amely automatikusan formázza és méretezi a képeket, így a szerkesztőségnek már nem kellett manuálisan optimalizálnia a fotókat közzététel előtt
Nem biztos benne, hogy ez hogyan vonatkozik Önre?
Egy vezető mérnök bejárja az Ön webhelyét, keresési jelenlétét és azt, ahogyan a megkeresések eljutnak Önhöz, majd leírja az elsőként javítandó három dolgot. A dokumentumot mindenképpen megtartja.