Képzelje el, hogy a képeket tömörítve fogyjon le webhelye
Tudja, mi tölti be a leghosszabb ideig egy oldalt ?
Ezek nem CSS vagy JavaScript fájlok.
Ezek a képek.
Gyakran próbáljuk optimalizálni webhelyünk sebességét a kód optimalizálásával (amint azt a .htaccess fájlnál láttuk), de ezt túl sok gond nélkül meg lehet valósítani.
Mielőtt elárulnám a WordPress bővítményt, amellyel jelentősen csökkentem a marmit képek súlyát, szeretnék neked küldeni ...
3 jó szokás, amelyet képekkel kell elfogadni
A webhelyek kezelésénél fontos mindig a látogatókra gondolni. Esetemben mindig azt próbálom megtenni, ami a legjobb az Ön számára.
Például ahelyett, hogy közvetlenül egy pluginról vagy valami másról beszélnék veled, információkat szeretnék küldeni neked, amelyeket a jövőben hasznosnak találsz.
Kicsit hosszabb ideig tart, de tudom, hogy hosszú távon ez fogja megváltoztatni a különbséget 😉
Gyerünk, nincs több dumálás. Térjünk át erre a 3 tippre !
1. Ne küldjön túlméretezett képeket
Akár fotós, akár nem, a digitális fényképezőgép által létrehozott fájlok ma nagyon nagyok.
Súlyuk 4-8 MB lehet, néha több is! Minden a beállításaitól függ.
Nagyszerű kinyomtatni vagy szerkeszteni a számítógépen.
Viszont az internetes terjesztésük azonnal bosszantóbb.
Valójában, ha egy oldalnak tíz 8 MB méretű képet kell betölteni, akkor a látogatók számára előnyös lenne, ha optikai szálhoz csatlakoznának ...
A legjobb dolog a képek átméretezése, mielőtt feltöltené őket a webhelyére. 2000 pixel széles több mint megfelelő.
Bármely képszerkesztő képes erre, de hosszú távon unalmassá válhat.
A Marmite-on a képek cikkekben mindig 600 pixel szélesek (nincs szükség 2000 pixel szélesre). Tehát a következő kódot használom arra, hogy a WordPress automatikusan átméretezze a feltöltött képeket:
A kód második része lehetővé teszi a létrehozott kép hozzáadását az elérhető méretek listájához:
Ez a kis kóddarab nem eszik kenyeret, de értékes másodperceket fog megtakarítani, az biztos 😉
Válassza ki a megfelelő fájlformátumot
Valószínűleg ismeri a ma elérhető két fő képformátumot:
Tudod, hogy különböznek egymástól? Kicsit technikai jellegű, de a kódolásuk módjában van.
Alapvetően a képek mentése a fájlba.
Ez az eltérés azt jelenti, hogy néhány JPG-ben könnyebb lesz, mint PNG-ben, és fordítva.
A legjobb formátum kiválasztásában ne feledje:
- JPG = Fotók, képek ezer színnel vagy szürke árnyalattal
- PNG = Diagramok, egyszerű képek, logók vagy átlátszó képek
A képformátumokról többet megtudhat a Korben található infografikával.
Ha meg akarja győzni magát, konvertálja a telefonjával készített fényképet, alakítsa PNG-re és nézze meg annak súlyát.
Tömörítse a képeket, mielőtt elküldi őket
Mielőtt képeket küldene egy webhelyre, mindig vigyázok azok tömörítésére.
Például, miután retusáltam egyet a Photoshop alkalmazásban, mindig a Fájl> Mentés webre menüpontot használom, hogy megtalálja a legjobb kompromisszumot a súly és a minőség között:
Váltson 2 bélyegkép módra, és nézze meg a végső súlyt a bal alsó sarokban. Játssz a jobb felső sarokban található formátumokkal és beállításokkal (és esetleg a jobb alsó sarokban lévő mérettel).
Nyilvánvaló, hogy nem szabad túlságosan rontani a minőséget, különben a renderelés szörnyű lesz.
Ha Mac rendszert futtat, ajánlom az ImageOptim segédprogramot, hogy minél nagyobb veszteség nélkül tömörítsen többet.
Ennyit az alapvető tanácsokról. azonban, elmondja nekem, hogy ez hosszú távon meglehetősen korlátozó lehet.
És igazad lesz !
Továbbá, hogyan kell kezelni a médiatárban lévő fájlokat ?
Itt jön be ...