Pakāpeniski ļauj jums slinks ielādēt attēlus ar Vanilla JS

Katrai mūsdienu tīmekļa vietnei jābūt ātrai. Lai gan ir vairākas metodes un spraudņi, lai palielinātu lapas ātrumu, tomēr, iespējams, jūs nezināt, kur sākt.

Progresīvi skripts ir a lielisks resurss lapas ātruma palielināšanai. Tas darbojas kā slinks iekraušanas attēla skripts, kas pakāpeniski ielādē attēlus, kad lietotājs ritina lapu.

Tas ir bezmaksas atvērtā pirmkoda projekts, lai jūs to varētu lejupielādēt un palaist jebkurā tīmekļa vietnē. Plus tas darbojas uz 100% vaniļas JS, tāpēc tas ir atkarīgs no nulles, kas var jūs nosvērt.

Jūs varat apskatīt dzīvo demonstrāciju progresīvajā mājas lapā.

Tas ir nedaudz atšķirīgs no citiem slinks ielādes skriptiem, jo ​​tas saglabā fiksētus attēla izmērus visai lapai. Tas novērš vienmēr aizraujošu lappušu lēcienu, kad redzat attēlus ātri un palieliniet satura augstumu.

Un attēla izvietotāji tiešām izskatās kā ielādētie attēli. Satriecošs!

Šī veiklīgā tehnika dod iespēju apmeklētājiem priekšskatīt, kā attēli izskatās pirms ievietošanas. Tas viss tiek apstrādāts, izmantojot JavaScript, kas pārbauda lietotāja atrašanās vietu lapā un ielādē attēlus, kad tie tiek skatīti.

Pakāpeniski ir diezgan plaša API tāpēc tā ir lieliska izvēle tīmekļa izstrādātājiem. Uzstādīšana var iegūt tehnisku, tāpēc tā palīdz, ja zināt savu ceļu uz pamata frontenda kodējumu.

Bet jūs varat uzzināt vairāk GitHub galvenajā lapā, kurā ir pilna API dokumentācija, iestatīšanas instrukcijas un parauga koda fragmenti, kurus varat kopēt / ielīmēt savos projektos.

Ja jums ir nepieciešams uzticams slinks-ielādējams attēla skripts bez šķebinošām atkarībām, tad dodiet pakāpenisku kadru. Tas ir pilnīgi bez maksas un piedāvā daudz pielāgošanas izstrādātājiem.

Uzziniet arī par progresīvo GitHub, lai uzzinātu vairāk un lejupielādētu lejupielādējamo pirmkodu.