Joomla érzékeny kép az srcset és a tömörítés használatával

Optimalizálás? Jelölje be. Lazy loading ? Ellenőrizd újra. Ennek ellenére a Joomla! A webhely ügyetlennek tűnik, és túl sokáig tart a betöltése mobileszközökön és lassú kapcsolatokon. Ne ess kétségbe – ilyenkor jön jól a HTML-struktúra; pontosabban a képforráskészletek, vagy az srcset attribútum.

Talán a Joomla! A blog kiváló minőségű képeket használ, és egyszerűen nem tehet - vagy nem akar - elhárítani őket. Ennek nincs oka aggodalomra. A Joomla! Droppics pluginjával nemcsak az általános optimalizálást alkalmazhatja a képekre, hanem különféle fájlokat is kiszolgálhat a felhasználótól függően.

Érzékeny képek HTML srcsettel

Ha valaha is foglalkozott a HTML-lel, akkor tudni fogja, hogy a képeket egy forrásattribútum határozza meg – src . A képforrás az a hely, ahonnan a böngészők képeket töltenek be, hogy megjelenítsék azokat a Joomla! felhasználókat. Az a probléma, hogy egy adott képhez konzisztens forrást használunk, hogy mindig ugyanaz a fájl lesz betöltve, bármilyen nagy is legyen.

Például, ha egy cikk tetején van egy hős szalaghirdetés, akkor ugyanaz a kép lesz betöltve az összes eszközre. A böngészők letöltik a képet, majd leméretezik, néha drasztikusan, különösen mobileszközökön. A modern böngészőkkel nemcsak a képek forrását, hanem egy forráskészletet is megadhat – az srcset forráskészletet .

Ahogy a neve is sugallja, a forráskészlet egyetlen forrás helyett a források listája. Minden forrás egy böngésző szélességéhez van társítva, így a mobil eszközök kis képeket tölthetnek le, és a Joomla! blog az asztali számítógépről töltse le a teljes felbontású képet. Más szavakkal, az image srcset képeket reagáló képekké alakítja.

A forráskészletek használatának eredménye nemcsak a gyorsabb betöltési idő, hanem a SEO-pontszámok javulása is. Mindez annak az alacsony árnak köszönhető, hogy ugyanazon a képen más-más felbontású másolatok vannak, amelyek könnyen elérhetők, amikor a felhasználóknak szüksége van rájuk. Az srcset attribútumról és minden másról, ami a forráskészletekhez kapcsolódik, itt olvashat , de ha türelmetlen kezdeni őket használni a Joomla! blog, olvasd tovább.

Méretezett képek kiszolgálása a Joomla-n! Droppics-szal

Lehet, hogy ismeri a Droppics-ot egyszerűen a Joomla! galériamenedzser-kiterjesztés, de nagyon sok történik a motorháztető alatt, amiről esetleg nem tud tudomást. Példa erre: A Droppics most a forrást használja, hogy betöltse a megfelelő képeket a felhasználók számára. Ha nem ismeri ezt a funkciót, akkor előfordulhat, hogy nem is használja azt.

Az srcset attribútum használata a Joomla! blog, először aktiválnia kell a Droppics konfigurációján keresztül. a fő paraméterek lapra a Droppics beállításainál, és engedélyezze a reszponzív képeket az első lehetőségek közül. Mentse el a változtatásokat az új beállítások véglegesítéséhez.

Ahogy a reszponzív képek opció eszköztippje megmondja, a beállítás engedélyezésével a Droppics két új miniatűrt hoz létre minden Joomla! kép, ami van. Ezek a bélyegképek maguk a reszponzív képek, amelyek a Joomla! eléréséhez használt eszköztől függően jelennek meg. blog.

Amikor létrehoz egy bejegyzést, és beszúr egy Droppics-képet, a kiterjesztés automatikusan beállítja az srcset az Ön számára. Nem hisz nekünk? Vizsgálja meg a HTML-kódot a frontendben, és több forrást is talál a különböző eszközméretekhez.

Az általános optimalizálás rendben van, csakúgy, mint a lazy loading , de néha csak annyit tehetnek. Bizonyos esetekben a modern HTML technika alkalmazása a képforrás-készletek biztosítására, az egyes források helyett, lehet a kulcs a lassú betöltési idők leküzdéséhez.

De várjon, ez még nem minden. Még mindig hiányzik a puzzle.

Tömörítse az srcset képeket a Joomla-on!

Kíváncsi lehet, vajon érdemes-e ugyanazt a képet több példányban is megtenni. Lehet, hogy meg akarja takarítani a szerverterületet, vagy attól tart, hogy az új képek összegyűlnek. Csak azért, mert a forráskészletet használja, ez nem azt jelenti, hogy nem kombinálhatja más optimalizálási technikákkal, például a tömörítéssel.

ImageRecycle elérhető a Joomla! és zökkenőmentesen integrálhatja a Droppics programba. Valójában még azt is beállíthatja, hogy automatikusan tömörítse a Joomla! a forráskészlet azonnal létrehozza a képeket. Akár 80% -ot takaríthat meg veszteséges, vagy a legjobb megtakarítással történő tömörítéssel, és akár 20% -ot is megtakaríthat veszteség nélküli vagy eredeti tömörítéssel. A különbségről itt olvashat bővebben .

Beállíthatja, hogy az ImageRecycle automatikusan tömörítse a képeket a Joomla! bővítmény konfigurációjában. Innen lépjen a Speciális lapra, és engedélyezze a média optimalizálását mentéskor . ImageRecycle manuálisan is kiválaszthatja, hogy mely képeket szeretné optimalizálni .

A betöltési idők sokrétű probléma. Egyszerre kell minimalizálnia a fájlméreteket, miközben megőrzi a minőséget és megtakarítja a tárhelyet. A varázslatos Droppics forráskészletével és az ImageRecycle tömörítésével mindez nemcsak lehetséges, hanem egyszerű, automatizált folyamat is lehet.