A képek súlya hogyan l; optimalizálás a WordPress-ben
Nemrégiben megvizsgáltuk a képméretek fontosságát a WordPress-ben. Azonban nem csak ezt a mérést kell figyelembe venni. Legalábbis, ha a webhely optimális teljesítményét tartja szem előtt. Valóban, a súlyt is figyelembe kell venni.
És ellentétben azzal, amit gondolni lehet, az egyik nem feltétlenül áll kapcsolatban a másikkal. Természetesen egy kisebb kép szükségszerűen világosabb lesz. Más tényezők azonban szerepet játszanak, például a minőség és a formátum.
Válassza ki a képek formátumát
Képformátum szempontjából a választék még mindig meglehetősen korlátozott. Nem rossz, mivel megkönnyíti a dolgunkat! Tehát PNG vagy JPEG? Máris kérdés a súly. Valójában a PNG adathordozók nagyon gyorsan kétszer-háromszor olyan súlyúak lehetnek, mint a JPEG-tartalmak. Ezért ajánlott ezt a formátumot választani, ha van blogja vagy e-kereskedelmi üzlete. Nem csak ideális nagy WordPress médiatárak számára. De az is, hogy a legjobban renderelje azokat a fotókat, amelyek természetesen sok színt tartalmaznak.
A PNG-t azonban ne dobja túl gyorsan a kukába! Mert megvan az erőssége is. A legfontosabb az átláthatóság kezelése. Az az eszköz, amely nem kínál JPEG-t, ismerje meg. A PNG ezért ideális grafikus objektumok vagy logók integrálásához ide vagy oda a WordPress webhelyén. Különösen azért, mert a súlyra is lehet hatni ... De erre egy kicsit később visszatérünk.
Az SVG kísértése
Természetesen vitatkozhat velem a PNG-k használatáról. Mert semmi sem jobb, ha logóval vagy ikonnal dolgozunk, mint egy SVG formátum. Ez nagyon divatos egy olyan időszakban, amikor reagálóként kell gondolkodnia és elképzelnie kell egy weboldalt, amelyet számítógépen, táblagépen és telefonon is át lehet ültetni. Valóban előnye, hogy szinte végtelenül tágul és zsugorodik a minőség romlása nélkül. Ezenkívül a fent definiált elemtípusok esetében a fájl akár tízszer könnyebb lehet, mint egy PNG vagy JPEG. Csak akkor, ha már megpróbált SVG fájlt feltölteni a WordPressre, akkor biztosan megkapta ezt az üzenetet.
A WordPress valóban nem támogatja natívan ezt a fájltípust. Különösen biztonsági okokból, mert nagyon könnyű kódot injektálni az SVG-kbe. És így megfertőzheti webhelyét ...
Természetesen lehetséges arra kényszeríteni a WordPress-t, hogy fogadja el az SVG fájlok átvitelét néhány kódsorral a témája function.php-ben. Ez azonban nem ajánlott, ismét biztonsági okokból. Az elküldés előtt manuálisan ellenőriznie kell az egyes fájlok kódját. Ez a feladat a PHP-n keresztül konfigurálható. De a legegyszerűbb módszer mindezen műveletek átruházása az ügyben található referencia plugin segítségével: Safe SVG. Indokolt-e azonban egy plugin hozzáadása az ikonok megjelenítéséhez? Különösen akkor, amikor egy olyan könyvtár, mint a Font Awesome, sokakat kínál ingyen. Ez amellett, hogy nagyon könnyen telepíthető. De hagyom, hogy döntsön !
Ami a bonyolultabb képeket illeti, az SVG-t inkább el kell felejteni. Valójában a részletek hozzáadása jelentősen megnöveli a kép súlyát a PNG és JPEG formátumokon túlmutató súlyig.
Engedjen a GIF divatnak ?
Egy másik nagyon szórakoztató és érdekes formátum: a gif! De igen, ezek a kis animációs képek, amelyeket Giphy népszerűsített és elengedhetetlenné válnak a közösségi hálózatokon! Sőt, az utóbbi években súlyukat nagymértékben optimalizálták, hogy animációjuk ellenére mindenhova elférjenek. Probléma: animáció, amely növelheti a webhely betöltési idejét. Különösen, ha a gif natív, azaz a WordPress médiatárából származik. Az első tanács tehát az ugyanazon az oldalon található gifek számának korlátozása lesz. Másrészt, hacsak nem házi készítésű gifeket kínál (legyen óvatos méretükkel), válassza a meglévő könyvtárak által kínált integrációs lehetőségeket. Mint ez:
Képek, a Google tétje ...
Ne tévedjen. A képformátum nem kisebb szempont. Különösen, ha egy weboldal megtervezéséről van szó. Sőt, a teljesítmény egyszerű kérdésén túlmutat, hogy kiterjessze a SEO-ra is. Ennek oka az, hogy webhelyének teljesítményét figyelembe veszik, amikor a Google algoritmusa kiszámítja az oldal rangját a keresőmotorja szempontjából. Milyen arányban? Nem mondhattam el. De elég ahhoz, hogy a Mountain View cég olyan eszközt kínáljon, amely kifejezetten a webhely teljesítményének vizsgálatára hivatott: a Google Page Speed.
További bizonyíték, ha van ilyen, az, hogy 2010-ben a Google még a saját képformátumát is kifejlesztette: WebP. Olyan formátum, amely állítólag megdönti az összes rekordot a megjelenítés szempontjából. Már 2013-ban a webóriás 30–80% -os nyereséget jelentett be ezen a területen egy PNG-hez vagy JPEG-hez képest. Tíz év fejlesztés és felhasználás után úgy tűnik, hogy az átlagos nyereség meghaladja a 30% -ot. Végül 30% a képminőség romlása nélkül. Ha elhatározzuk az utóbbi csökkentését, a nyereség valóban elérheti a szédítő 80% -os értéket.