Tee paremaid progressiivseid pilte AntiModerate'i abil

AntiModerate'i skript ei pruugi tunduda palju. Kuid see on üks parimaid JS-skripte, mida saate käivitada, et parandada jõudlust suuremal lehel ja säilitada tugev kasutajakogemus.

Sellega tasuta plugin, saate pilte vaadata, kui need kuvatakse ja vähendage kogu lehekülje suurust.

Nii saab kogu lehekülg laadida esiteks väikeste kohahoidjatega piltidele. Siis sirvivad külastajad loomulikult, ootamata iga vara laadimist - alati on kasutaja seisukohast hea!

See toimib järgmiselt: lisate oma lehele koos StackBlur.js-i skriptiga AntiModerate plugina.

AntiModerate tõmbab pildi mõõtmed välja ja sunnib kõiki img-sildid leheküljel fikseeritud suuruseks. Need eelnevalt laaditud pildid lükatakse läbi StackBlur.js-i, mis vähendab drastiliselt eelvaate faili suurust, laadides seega lehe palju varem.

Kui need väiksemad pildid on paigas, laadib AntiModerate täissuuruses pildid taustal. Pärast seda, kui see on allalaadimise lõpetanud, asendatakse iga hägune foto tavalise fotoga. Lihtne!

See säästab pilte, mis ootavad pilte ja see aitab lehekülje laadimisel palju kiiremini. See on kasutajatele tohutu eelis, sest nad saavad hakata sisu tarbima varem ja see toob kasu teie SERP-i pingereadele, sest Google hoolitseb palju lehe kiirusest.

Te saate raamatukogu installida otse npm või Boweri abil või tõmmates skripti GitHubi kaudu.

See nõuab vaid mõningaid JavaScripti ridu ja see aitab kindlasti teie lehekülgede laadimist parandada. Pöörake GitHub repo juurde ja kerige alustuseks liikuge häälestusjuhendisse.

Ainult mõne rea koodiga peaks AntiModerate olema ükskõik milline mõttekäik, et saada mis tahes lehel.

Rääkimata sellest jätkub puhas JavaScript nii et see ei nõua mingeid sõltuvusi nagu jQuery, et saada tööd.