Progresyviai leidžia jums nusilpti vaizdus su Vanilla JS

Kiekviena moderni svetainė turi būti greita. Nors yra daug metodų ir įskiepių, kad padidintumėte puslapio greitį, tačiau jūs negalite žinoti, kur pradėti.

Progresyviai scenarijus yra a puikus šaltinis, leidžiantis padidinti puslapio greitį. Jis veikia kaip tingus įkėlimo vaizdo scenarijus, įkeliantis nuotraukas palaipsniui, kai vartotojas slenka žemyn.

Tai nemokamas atviro kodo projektas, todėl galite jį atsisiųsti ir paleisti bet kurioje svetainėje. Plius ji veikia 100% vanilės JS, todėl ji turi nulinę priklausomybę, kuri gali pasverti jus.

Galite pažvelgti į gyvą demonstraciją „Progressively“ puslapyje.

Tai šiek tiek skiriasi nuo kitų tingų apkrovos scenarijų, nes saugo fiksuoto vaizdo dydžius visam puslapiui. Tai neleidžia, kad puslapių peršokimas, kurį visada baugina, matytų, kai vaizdai greitai įkeliami į vaizdą ir padidinti turinio aukštį.

Ir vaizdo įrašų lankytojai iš tikrųjų atrodo kaip įkeliami vaizdai. Nuostabu!

Ši tvarkinga technika suteikia lankytojams galimybę peržiūrėti, kokie vaizdai atrodo prieš juos įkeldami. Visa tai tvarkoma naudojant „JavaScript“, kuri patikrina naudotojo vietą puslapyje ir iš anksto įkelia vaizdus, ​​kai jie patenka į vaizdą.

Palaipsniui yra gana plati API todėl tai puikus pasirinkimas žiniatinklio kūrėjams. Sąranka gali būti techninė, todėl tai padeda, jei žinosite savo kelią aplink pagrindinį frontendo kodavimą.

Tačiau daugiau informacijos galite rasti pagrindiniame „GitHub“ puslapyje, kuriame yra visa API dokumentacija, diegimo instrukcijos ir kodo fragmentų, kuriuos galite kopijuoti / įklijuoti savo projektams.

Jei jums reikia patikimo tingus įkėlimo vaizdo scenarijų be bjaurių priklausomybių, tada palaipsniui nufotografuokite. Tai visiškai nemokama ir siūlo daug pritaikymo kūrėjams.

Taip pat žiūrėkite į „Progressively GitHub“, kad sužinotumėte daugiau ir nubrauktumėte parsisiunčiamo šaltinio kodą.