Optimalizálja képeit a 3 bájtos SEO-hoz

Feladva 2017. január 2-án

Miért érdemes optimalizálni a képek méretét és súlyát? ?

A kép súlyának csökkentésével felgyorsítjuk a weboldalról történő betöltési idejét. Ennek két hatása van:

  • Növelje az oldal minőségét és a SEO szabványoknak való megfelelés a keresőmotorok számára,
  • Javítsa a felhasználói élményt: az oldal gyorsabban töltődik be, csökkenti a várakozás frusztrációját, csökkenti annak kockázatát, hogy a felhasználó a betöltés vége előtt elhagyja az oldalt.

A képek betöltési idejének csökkentése könnyen megvalósítható fejlesztés, nem igényel sok időt és nem igényel sok szakértelmet.

2 kép közötti különbség, optimalizált vagy sem

képeit

Tömörítés előtt (876kb)

Tömörítés után (169 kb)

További információ az oldal betöltési idejéről

Weboldal betöltésekor a böngésző (Google Chrome, Mozilla Firefox, Safari, Microsoft Edge stb.) Lekéri az ugyanazon az oldalon található erőforrásokat:

  • Stíluslap (CSS): kezeli az oldal kialakítását (betűtípus, szöveg színe, elemek szervezése stb.)
  • Scripts (JS): Javítja a felhasználói élményt a dinamikus funkciókkal (például diagram frissítése 5 másodpercenként az oldal újratöltése nélkül)
  • Képek (JPG, JPEG, PNG, GIF stb.), Az oldalon található összes kép

A látogató internetkapcsolatának sebességétől függően ezeknek az erőforrásoknak a betöltési ideje hosszabb vagy rövidebb lesz.

Ma a kapcsolati sebességeket a következő csoportok szerint osztályozhatjuk:

200kb/s): 3G okostelefon-kapcsolat, nyilvános wifi, ADSL a városi területeken kívül, Way (

500 kbit/s): Wifi városi területeken, 4G okostelefon-kapcsolat,

  • Gyors (> 1 mo/s): Optikai szálas és Ethernet kapcsolat.

    • Az 1 MB-os képek lassú kapcsolattal 5 másodpercet töltenek be, 2-esek átlagos kapcsolattal és kevesebb, mint egy másodperc gyors kapcsolattal.
    Ha ezt megszorozza az oldalon lévő képek számával, gyorsan megtudhatja, hogy ez negatívan befolyásolhatja-e a webhelyen történő navigációt.

    Ne felejtsen el egy dolgot: Az, hogy úgy érzi, hogy a webhely gyorsan betöltődik, amikor otthon vagy üzleti tevékenységben tartózkodik, még nem jelenti azt, hogy az összes látogató számára megteszi.

    Kezelje a képek méretét

    Most, hogy tapasztalt felhasználók, az első lépés az, hogy figyeljen a kép méreteire.

    Először néhány információ:

    • 24 megapixeles fotó: 6000 × 4000
    • Full HD számítógép képernyője: 1920 × 1080
    • Klasszikus laptop képernyő: 1368 × 768