OPTIMIZÁLJ WordPress képeket Hogyan tömörítsd őket; könnyítsd meg őket
Ma A globális webes forgalom 62% -át képek alkotják ! A WordPress webhelyeink sem kivételek, tele vannak képekkel az első oldalon, a törzsben, a widgetekben .... Röviden, mindenhol vannak !
Igaz, hogy a képekkel rendelkező WordPress webhely sokkal szebb, és ez szemlélteti a lényeget ... Ezek azonban nagy erőforrások fogyasztói, különösen a sávszélességünk miatt, sőt, meghosszabbítja a betöltési időnket.
Az internetnek gyorsnak kell lennie !
Pedig mindannyian tudjuk ezt A Google és a látogatóink azt akarják, hogy webhelyünk gyors legyen. Túl kevesen törődnek velünk ezek a betöltési idők, mégis, ha tudjuk, hogy mibe kerül:
- Azok a webhelyek, amelyek több mint 5 másodperc alatt töltődnek be, kétszer magasabb visszafordulási arányt mutatnak, mint az 1 másodperc alatt betöltődő webhelyek
- A túlterhelés egyetlen másodpercével az átváltási arány 7% -a kerülhet
- A felhasználók 20% -a elhagyja a kosarát a betöltési idő miatt
Képek és WordPress
Képformátum
A weben a leggyakrabban használt képformátumok a következők:
- PNG: Az átlátszóságot kezelő formátum, kissé nehéz és gyakran használt logókhoz
- Jpeg: A kép tömörítésére használt formátum, könnyebb, de a minőség és az átlátszóság rovására
- GIF: Az animációt támogató formátum, kevésbé használt, mint az előző kettő
A képek súlya
A kép súlya valójában a képfájl mérete bájtban (vagy kilobájtban vagy megabájtban), a következőképpen számoljuk: A kép bájtban kifejezett súlya megegyezik a képet alkotó képpontok számával, szorozva a pixelt alkotó bájtok száma.
A súly és a méretek nem feltétlenül elválaszthatatlanok, figyelembe kell venni a felbontást. Tehát tökéletesen fel tudok állítani egy nagyon széles háttérképet, nagyon szerény súllyal.
Mi értelme van a 2500 px-nél szélesebb képek elhelyezésének is? Nem ! A legtöbb látogató képernyője 15, 17 és 19 hüvelyk alatt fut, nem beszélve a táblagépek és telefonok felhasználóiról.
Milyen méretű a WordPress ?
Az első tennivaló egy kép elhelyezésekor a WordPress-re a méretének meghatározása. Valóban, milyen szélességű a cikkillusztrációm ?
Az alábbi kép tudatja veled. Webböngészője segítségével ellenőrizze az elemeket, és információkat kap a maximálisan használható szélességről.
Ebben a témában a példában láthatjuk, hogy a maximális szélesség 1140 px, az oldalsávval ellátott oldal/cikk maximális szélessége pedig 720 px:
WordPress, képek és idő
Végezzen egy nagyon egyszerű tesztet a WordPress-en, elemezze a betöltéssel töltött időt, és alaposan nézze meg az erőforrás-éhes tartalmat.