Padarīt labākus progresīvus attēlus Iekraušana ar AntiModerate

AntiModerate skripts var neizklausīties daudz. Bet tas ir viens no labākajiem JS skriptiem, ko varat palaist, lai uzlabotu veiktspēju plašākā lapā un uzturētu spēcīgu lietotāja pieredzi.

Ar šo bezmaksas spraudnis, varat ielādēt attēlus, kad tie ir redzami un samaziniet kopējo lapas izmēru.

Tādā veidā visa lapa var ielādēt vispirms ar nelieliem vietas rakstītājiem attēliem. Pēc tam jūsu apmeklētāji dabiski pārlūko, negaidot katru aktīvu ielādēt - vienmēr ir laba lieta no lietotāja viedokļa!

Kā tas darbojas: varat pievienot savai lapai AntiModerate spraudni kopā ar skriptu StackBlur.js.

AntiModerate velk attēla izmērus un piespiež visus img tagus noteiktā izmērā lapā. Šie iepriekš ielādētie attēli tiek stumti caur StackBlur.js, kas krasi samazina kopējo priekšskatījuma faila lielumu, tādējādi ielādējot lapu daudz ātrāk.

Kad šie mazie attēli ir ievietoti, AntiModerate ielādē pilna izmēra attēlus fonā. Pēc tam, kad lejupielāde ir pabeigta, katrs izplūdušais fotoattēls tiek aizstāts ar parasto fotoattēlu. Viegli!

Tas ietaupa laiku, gaidot attēlus un tas palīdz jūsu lapas ielādei daudz ātrāk. Tas ir milzīgs ieguvums lietotājiem, jo ​​viņi var sākt patērēt saturu ātrāk, un tas dod labumu jūsu SERP klasifikācijai, jo Google rūpējas par lapu ātrumu.

Jūs varat instalēt bibliotēku tieši, izmantojot npm vai Bower, vai velkot skriptu, izmantojot GitHub.

Tas prasa tikai dažas JavaScript rindas, un tas noteikti palīdz uzlabot jūsu lapas ielādes. Lai sāktu darbu, apmeklējiet GitHub repo un ritiniet uz leju līdz iestatīšanas rokasgrāmatai.

Ar tikai dažām koda rindiņām AntiModerate vajadzētu būt bezjūtīgam, lai varētu darboties jebkurā lapā.

Nemaz nerunājot par to notiek tīrs JavaScript tāpēc nav nepieciešamas tādas atkarības kā jQuery, lai iegūtu darbu.