Miért és hogyan kell optimalizálni a képeket a webes UpEmpresa számára
A kép optimalizálása a webhelyhez a kép fájlsúlyának csökkentése.
Ez egy nagyon egyszerű koncepció, de rendkívül fontos a webhely teljesítménye és az összes látogató élménye szempontjából, amikor az Ön webhelyét böngészi.
Tárhelyszolgáltatásunk részeként professzionális weboptimalizálási folyamatot kínálunk, amelynek során az Ön weboldalának betöltési idejét legfeljebb 1,5 másodpercre csökkentjük. Ez az ingyenes szolgáltatás éves fizetési ciklussal szerepel a Prémium és Üzleti tervekben. Tízből 8 általunk optimalizált webhelynek komoly problémája van a képeikkel, vagyis mindig túl nehéz.
Ha a webhely képe túl nehéz, akkor látogatójának hosszabb ideig kell töltenie a webhelyet, ha sok látogató azt találja, hogy a webhely ugyanazon oldalát túl nehéz képekkel nézi meg, akkor a webhelyén hosszabb ideig tart reagálni és kiszolgálni az a fájl olyan nehéz az összes látogató számára.
A képek optimalizálása lehetővé teszi a webhely gyorsabb betöltését, valamint javítja a webhely használhatóságát és SEO-ját.
Webhelyed betöltési ideje fontos tényező a Google számára, minél jobban optimalizálod a webhelyedet, annál jobb lesz a rangsorod a Google eredményoldalán.
A kép feltöltésekor általában azt tesszük, hogy letöltjük a képet, és közvetlenül a libériai médiába töltjük fel a WordPress alkalmazásban, majd hozzáadjuk a cikkünkhöz vagy oldalunkhoz, és ennyi.
A probléma az, hogy a letöltött képek általában nagyon nehézek, egy másik korábbi cikkemben több olyan webhelyet mutattam meg nektek, ahonnan legális képeket tölthettek le, amelyeket felhasználhatnak a webhelyen.
Elfogadja, hogy ezek a képek nagyon jó minőségűek, de amikor letölti őket, látni fogja, hogy átlagos súlyuk 3 MB és 5 MB között van, valójában a kép fényképének súlya, amelyet erre a bejegyzésre használtunk, 5,3 MB
Tegyük fel, hogy úgy döntök, hogy nem optimalizálom a képet az internet számára, és egyszerűen letöltöttem, és ebbe a cikkbe helyeztem. Ennek az oldalnak a betöltése ezért túl sok időt vesz igénybe, attól függően, hogy milyen gyors vagy.
Vegye figyelembe, hogy a webhelye betöltési időkorlátja jónak tekinthető legfeljebb 3 másodperc.
Ezt szem előtt tartva megmutatom, mennyi időbe telik a különböző felhasználóknak az 5,3 MB-os kép különböző internetes sebességgel történő betöltése:
| ADSL | 256 kbit/s | 3 perc és 10 másodperc. |
| ADSL | 512 kbit/s | 1 perc és 35 másodperc |
| ADSL | 1 Mbit/s | 48 másodperc |
| ADSL | 2 Mbit/s | 24 másodperc |
| ADSL | 8 Mbit/s | 6 másodpercig |
| LAN | 10 Mbit/s | 4 másodpercig |
| ADSL | 24 Mbit/s | 2 másodpercig |
Tehát, amint láthatja, túl sok idő szükséges csak a kép letöltésére, ehhez meg kell növelnie a JavaScript, CSS, HTML fájlok, a webhelyen lévő egyéb képek és a külső szolgáltatásokon található egyéb fájlok súlyát a webhelye, például a Google betűtípusai, az Analytics, a Facebook JS stb.
Kombinálásakor, és ha optimalizáltuk a Javascript, CSS és HTML fájljainkat, 0,5 MB súlyúak lehetnek a fájlok, így hozzá kell adnunk a fiókhoz.
Figyelembe véve, hogy Latin-Amerikában az átlagos internetsebesség 5,6 MB, Spanyolországban pedig 15,5 MB, akkor latin látogatónak 8 másodpercbe kellene telnie, míg Spanyolországban 3 másodpercre van szüksége.
És ennek az időnek több mint 85% -a tölti be a képet, amelyet nem optimalizáltunk.
De ebben a cikkben már optimalizáltam a képet, és a folyamat végén a cikk képének súlya 59,3 KB (0,059 MB), mivel láthatja, hogy ez nagy súlycsökkenés, és ez egy gyorsabban betöltő webhely.
Most megmutatom, hogyan optimalizálhatja a képeket a saját webhelyén. Két lépésről fogunk beszélni, amelyekre koncentrálnia kell a folyamat során.
Tartalomjegyzék
Módosítsa a kép méretét
Ez az egyetlen lépés több mint 50% -kal csökkentheti a kép súlyát. Ebben a lépésben meg kell győződnünk arról, hogy a képnek meg vannak-e a kívánt méretei.
Például az én esetemben a blog összes képének szélessége 640 képpont, magassága pedig 350 képpont, ezért módosítanom kell a képeket, hogy ezek a méretek legyenek.
A cikk eredeti képének mérete 4000 pixel széles és 2900 képpont magas volt, ez túl sok, sokkal több, mint amire szükségem van a webhelyemhez.
Ezután kisebbnek kell lennie a képnek, meg kell mérnie a saját weboldalán a szükséges méreteket, és ezek alapján kell létrehoznia a képeket.
Ennek a folyamatnak többféle módja van, használhatja például a Photoshopot vagy a Gimpet, de használhat olyan online eszközöket is, mint például a Canva.com, így készítettem ezt a képet.
A Canváról egy jövőbeni cikkünkben részletesebben fogunk beszélni, mivel ez kiváló eszköz, és hogy sokat használunk képeinken.
A Canva segítségével létrehozhat egy dokumentumot a kívánt dimenziókkal, majd feltöltheti a képét, elhelyezheti a vásznon, majd letöltheti az új képet a megfelelő méretekkel, ez rendkívül egyszerű.