Pagrindinis » Įrankių rinkinys » Padarykite geresnius progresinius vaizdus Įkeliant „AntiModerate“

    Padarykite geresnius progresinius vaizdus Įkeliant „AntiModerate“

    „AntiModerate“ scenarijus gali neatrodyti kaip daug. Bet tai yra vienas iš geriausių JS scenarijų, kuriuos galite paleisti, kad pagerintumėte našumą didesniame puslapyje ir išlaikytumėte stiprią naudotojo patirtį.

    Su šiuo nemokamai įskiepiai, galite įkelti vaizdus, ​​kai jie rodomi ir sumažinti bendrą puslapio dydį.

    Taip visas puslapis gali įkelti Pirmas su mažais vietos žymekliais vaizdams. Tada jūsų lankytojai natūraliai naršo, nelaukdami, kol kiekvienas turtas bus įkeltas - visada naudingas iš vartotojo perspektyvos!

    Štai kaip tai veikia: pridedate „AntiModerate“ papildinį į savo puslapį kartu su „StackBlur.js“ scenarijumi.

    AntiModerate traukia vaizdo matmenis ir priverčia visus img žymes į fiksuotą dydį puslapyje. Šie iš anksto įkelti vaizdai yra stumiami per „StackBlur.js“, kuris smarkiai sumažina bendrą peržiūros failo dydį, tokiu būdu įkeldami puslapį daug greičiau.

    Kai šie mažesni vaizdai yra, tada „AntiModerate“ įkelia pilno dydžio vaizdus fone. Kiekviena neryški nuotrauka pakeičiama į įprastą nuotrauką, kai ji bus baigta. Lengva!

    Tai taupo laiką, laukiantį vaizdų ir tai padeda jūsų puslapiui įkelti daug greičiau. Tai didžiulė nauda vartotojams, nes jie gali pradėti vartoti turinį anksčiau, ir tai naudinga jūsų SERP reitingui, nes „Google“ rūpinasi apie puslapio greitį.

    Jūs galite įdiegti biblioteką tiesiogiai naudodami „npm“ arba „Bower“ arba ištraukdami scenarijų per „GitHub“.

    Tam reikia tik keleto „JavaScript“ eilučių ir tai tikrai padės pagerinti jūsų puslapio apkrovas. Pažvelkite į „GitHub“ repo ir pereikite prie sąrankos vadovo, kad pradėtumėte.

    Su tik keliomis eilutėmis kodo, „AntiModerate“ turėtų būti „be proto“, kad galėtumėte paleisti bet kuriame puslapyje.

    Jau nekalbant apie tai vyksta grynas „JavaScript“ todėl jam nereikia jokių priklausomybių, pvz., jQuery.