Három lépést kell tennünk a képek optimalizálása érdekében: Csökkentse a képek méretét, mielőtt feltöltené őket a WordPress-be, másodszor tömörítse a pluginnel feltöltött képeket, és végül optimalizálja a közzétett képek betöltését a weboldal betöltési sebességének javítása érdekében.

weboldalon

Ez a hét nagyon intenzív volt, számos webprojekten dolgozom, amelyek hamarosan napvilágra kerülnek, átadva az általunk a Reme zöldséges számára tervezett névjegykártyákat, részt vettem Pepe Cabello edző konferenciáján, menjünk, megállás nélkül ...

Ma egy nagyon fontos témát fogunk megvitatni, amelyet minden webadminisztrátornak tudnia kell:

Hogyan optimalizálhatjuk automatikusan a weboldalon lévő képeket, de mielőtt ...

Ma elmondom neked:

Teremtsünk utat a szponzor előtt.

WebEmpresa, a WordPressre szakosodott tárhely. Hosszú ideje használjuk a tárhelyet.

A pampua.es/webempresa oldalon meghagyjuk a 13 okot, amelyet fel kell vennie; nézd meg!

Bérelje tárhelyét most 20% kedvezménnyel, felhasználva azt a kupont, amelyben hagyunk pampua.es/webempresa

MIÉRT FONTOS A KÉPEK OPTIMÁLÁSA?

A fényképek méretének csökkentése és tömörítése kötelező bárkinek, akinek van weboldala vagy blogja, mivel ezek az elemek jelentik a legnagyobb súlyt az interneten.

Ez az egyik legegyszerűbb módszer a PageSpeed ​​növelésére. (Google teszt a sebesség mérésére. Hagyom a jegyzetekben)

A képek optimalizálása számos előnnyel jár:

  • Csökkentse a betöltési időt a webhelyén.
  • Csökkentse a lábnyomot a szerveren.
  • Optimalizálja a transzferfogyasztást a tárhelyedet.
  • Javítsa a WordPress SEO optimalizálását. (A Google kedveli a gyorsan betöltődő oldalakat)

A képek betöltésének optimalizálásához három lépést kell végrehajtanunk:

  • Csökkentse a képek méretét mielőtt feltöltené őket a WordPress-be
  • Tömörítse a képeket feltöltés WordPress beépülő modullal
  • Optimalizálja a közzétett képek betöltését a weboldal betöltési sebességének javítása érdekében.

Nézzük meg őket részletesen:

HOGYAN CSökkentse a képek méretét feltöltés előtt

Ma csodálatos felbontású kamerákat használunk (még az okostelefonokét is), ami fantasztikus, de a fotókat nem tölthetjük fel közvetlenül a weboldalunkra anélkül, hogy kezelnénk őket, mivel ezek egyenként 2 és 15 MB között foglalnak helyet.

A kép mérete (a méretek) közvetlenül összefügg ennek súlyával (bájtjaival).

A kamerából kijövő képek 3000 és 6000 pixel közöttiek lehetnek, de ha a weboldalunkon megjelenített méret 700 vagy 900 pixel, akkor soha nem szabad nagyobb képeket feltölteni, logikus? Így megtakarítunk néhány bájtot, amelyek nem járulnak hozzá semmihez, de károsak lennének a weboldal betöltési sebességére.

Egy másik fontos pont a fényképek, képek, illusztrációk stb. Feltöltési formátumának kérdése. Amikor csak teheti, válassza a .jpg fájlt vagy .jpeg a .png vagy gif formátum felett.

A képek méretének automatikus csökkentése érdekében javasoljuk, hogy telepítse a számítógépre a következő két program egyikét:

  • A Resize Expert (ha Mac számítógépe van) az, amelyet használunk.
  • Image Resizer (Windows)

Mindkettő ingyenes és nagyon könnyen használható. Egyszerűen meg kell adnia a képek kimeneti méretét és a mappát, ahová menteni szeretné. Kiválasztja az átméretezni kívánt fényképeket, és pillanatok alatt elkészíti őket.

Miután megkapjuk a szükséges méretű képeket, hozzáadhatjuk őket a WordPress könyvtárához.

De most optimalizálnunk, tömörítenünk kell őket. Nézzük meg, hogyan lehet ezt egyszerű módon megtenni.

CSATLAKOZÓVAL WORDPRESS-TEL feltöltött képek tömörítése

A WordPress-ben a képek optimalizálásához több plugin is rendelkezésre áll, de a legismertebb az is, amelyik a legjobban működik. Ez a WP Smush. Az összes kép, amelyet feltöltött, mióta ezt aktiválta képcsökkentő plugin optimalizálódnak anélkül, hogy bármit is tenne.

Lehetősége van arra is, hogy optimalizálja azokat a képeket, amelyeket már feltöltött a plugin telepítése előtt.

Az ingyenes verzió tételenként 50 képre korlátozódik, de ha 200 képe van, akkor csak négyszer kell megnyomnia az optimalizálás gombot; Hadd magyarázzam el: egyszer megadod, várod, amíg befejezed, újra megadod, újra vársz, és így tovább, amíg az összes kép optimalizálódik.

Van még egy korlátozása, és ez nem tömöríti az 1 MB-nál nagyobb képeket, de ha már használta az általam korábban ajánlott programokat, akkor nem lenne ilyen problémája. És ha nem csökkentette a méretét annak idején, akkor nem jelent nagy problémát, töltse le a képet, csökkentse a méretét és töltse fel újra, ha igen, akkor FTP-vel kell megtennie, mivel ha a WordPress-ről tölti fel a vezérlőpulton egy másik mappában tárolja, majd el kell mennie azokra a helyekre, ahol a kép megjelenik, és manuálisan el kell távolítania a régi képet az új hozzáadásához.

Ezenkívül ez a bővítmény lehetőséget kínál számunkra csökkentse az automatikusan feltöltött képek méretét, megadva a maximális szélességet és magasságot, ami garantálja, hogy ne töltsünk fel túl nagy képeket.

És most meglátjuk az utolsó pontot, amellyel befejezhetjük a képeink maximális optimalizálását

HASZNÁLJON EGY CSATLAKOZÓT, AMELY CSAK A KÉPERNYŐN KIJELZŐ KÉPEK

Elmagyarázom, miből áll ez az optimalizálási technika. Képzelje el, hogy van egy listája termékekről, mindegyik a fényképével együtt. Ha 10 terméked van, semmi gond, töltsd fel az összes fotót, és ennyi, de mi van, ha 100 vagy 1000 van? Az összes ilyen fotó betöltése jelentősen megnövelné az oldal betöltési idejét, ezért nem ajánlott.

Korábban lapozást használtak, vagyis 10-12 fotót az első oldalon, majd rákattintott a "következő" gombra, és újabb 10-12 fényképet töltött be egy másik oldalra.

Ma vannak olyan bővítmények, amelyek lehetővé teszik töltse be a képeket, miközben a felhasználó görget le. Ha az oldal vállalati webhely, és kevés fényképe van, akkor nem javaslom azok használatát, de ha van olyan oldala, amelyen a termékek fényképei vannak, vagy sok fénykép található a létesítményekről, azt tanácsolom, hogy telepítse az a3 Lazy Load plugin , Nagyon jó minősítéssel rendelkezik, és látni fogja, hogy nagyon könnyen konfigurálható.

A KÉPEK OPTIMÁLÁSA NEM MINDEN

Fontos erre emlékezni képoptimalizálás a WordPress-ben ez csak egy a sok módszer közül a weboldal betöltési sebességének javítására.

Ahhoz, hogy egy weboldal betöltési ideje minimális legyen, meg kell bérelje a legjobb tárhelyet a WordPress számára, Van egy cache plugin, használj optimalizált téma, használj CDN-t Cloudflare ...

Mi több, az általunk ajánlott tárhely ( Webempresa ) számoljon egyet ingyenes WordPress képoptimalizálási szolgáltatás kizárólag az ügyfelek számára, amely csökkenti a WordPressbe már feltöltött és nem megfelelően optimalizált fényképek méretét.

Gyakran használom, és annak ellenére, hogy sokat csökkent a képek súlya, ez a szolgáltatás még jobban eléri.

Használja ezeket a módszereket együtt a kép optimalizálása garantálja a leggyorsabb sebességet a webhelyén.

Mesélni akarok neked

Egy görögországi városban élt egy bölcs ember, aki arról híres, hogy minden kérdésre választ kapott.

Egy napon egy tinédzser egy barátjával beszélgetve azt mondta:

- Azt hiszem, tudom, hogyan kell becsapni a bölcs embert. Madarat hozok neki, amelyet a kezében fogok tartani, és megkérdezem tőle, hogy meghalt vagy él-e. Ha azt mondja, hogy él, megszorítom, és ha egyszer meghalt, a földre ejtem; ha azt mondja, hogy meghalt, kinyitom a kezem, és hagyom, hogy repüljön.

A fiatalember odajött a bölcshez, és feltette neki a kérdést:

- Zsálya, a madár, aki a kezemben van, él vagy holt?

A bölcs a fiatal férfira meredt és így szólt:

- Fiú, a válasz a te kezedben van

A minket foglalkoztató problémák 79% -ának megoldása kizárólag tőlünk függ.

Tehát már tudod; Ha úgy látja, hogy nincs ideje weblapjának felállítására, vagy már megvan, de szüksége van ránk, hogy segítsünk javításában, álljon meg a Pampua.es oldalon, és örömmel segítünk problémáiban.

És ha azt akarja, hogy a jövőbeli epizódokban egy adott témáról beszéljek, vagy bármilyen kérdése vagy megjegyzése van, hagyjon a Pampua.es/contact oldalon vagy az iVoox megjegyzésében.

Ha tetszett ez az epizód ossza meg legalább egy személlyel amire érdekes lehet. WhatsApp segítségével, levélben, Facebookon, Twitteren vagy akár SMS-ben, bármit is szeretne, de ossza meg!

És végül rendkívül hálás leszek, ha megengedi 5 csillagos értékelés az iTunes-on vagy egy hasonló és egy megjegyzés az iVoox-hoz. A www.pampua.es/resena oldalon megtudhatja, hogyan hagyhat véleményt

Jövő csütörtökön nagyon érdekes témával hallottuk egymást: Hogyan készítsünk helyesen biztonsági másolatot és hogyan automatizáljuk őket.

Köszönöm szépen, hogy a másik oldalon állsz, mert nélküled nem ez lenne az, ami van, ez egyszerűen nem lenne.