Jobb progresszív képek készítése az AntiModerate használatával

Előfordulhat, hogy az AntiModerate parancsfájl nem sokat mond. De ez az egyik legjobb JS-parancsfájl, amelyet egy nagyobb oldal teljesítményének javítása és egy erős felhasználói élmény fenntartása érdekében futtathat.

Ezzel ingyen plugin, a képeket akkor is betöltheti, amikor azok láthatók és csökkentse a teljes oldalméretet.

Ily módon a teljes oldal betölthető első kis helyőrzővel a képekhez. Ezután a látogatók természetesen böngésznek, anélkül, hogy minden eszközt betöltenének - mindig jó dolog a felhasználó szempontjából!

Ez az, hogyan működik: hozzáadja az AntiModerate plugint az oldalához a StackBlur.js parancsfájl mellett.

AntiModerate húzza a képméreteket és az összes img-címkét rögzített méretre kényszeríti az oldalon. Ezeket az előre betöltött képeket a StackBlur.js-on keresztül kell nyomni, ami drasztikusan csökkenti a teljes előnézeti fájl méretét, így sokkal hamarabb betölti az oldalt.

Miután ezek a kisebb képek helyben vannak, az AntiModerate betölti a teljes méretű képeket a háttérben. Ezután minden elmosódott fénykép helyébe a rendszeres fénykép kerül, ha befejezte a letöltést. Könnyen!

Ez időt takarít meg a képek várakozására és gyorsabban segít az oldal betöltésekor. Ez óriási előny a felhasználók számára, mivel hamarabb elkezdhetik a tartalom fogyasztását, és előnyös a SERP-rangsorban, mivel a Google sokat érdekel az oldalsebességről.

A könyvtárat közvetlenül az npm vagy a Bower segítségével telepítheti, vagy a parancsfájlt a GitHub-on keresztül.

Ehhez csak néhány JavaScript-sorra van szükség, és biztos, hogy segít javítani az oldalak betöltését. Tekintse meg a GitHub repóját, és lépjen lefelé a telepítési útmutatóhoz, hogy elkezdhesse.

Csak néhány sornyi kóddal kell rendelkeznie, az AntiModerate-nak egy nem-brainer-nek kell lennie ahhoz, hogy bármilyen oldalon futhasson.

Nem is beszélve ez fut tiszta JavaScript így nincs szükség olyan függőségekre, mint a jQuery, hogy dolgozzanak.