În mod progresiv vă permite să încărcați imaginile leneș cu Vanilla JS

Fiecare site modern trebuie să fie rapid. Deși există multe tehnici și pluginuri pentru a mări viteza paginii, este posibil să nu știți de unde să începeți.

Scenariul Progressive este a o mare resursă pentru creșterea vitezei paginii. Funcționează ca un script de încărcare leneș de încărcare care încarcă imagini progresiv în timp ce utilizatorul scroll în jos pagina.

Este un proiect open source gratuit, astfel încât să puteți descărca și să îl rulați pe orice site web. În plus rulează pe JS de 100% vanilie, deci are dependențe zero care vă pot afecta.

Puteți să aruncați o privire la demo-ul live pe pagina de pornire progresivă.

Este puțin diferit de alte script-uri de încărcare leneș, deoarece păstrează dimensiuni fixe ale imaginii pentru întreaga pagină. Acest previne saltul paginii tot mai enervant pe care îl vedeți ori de câte ori imaginile se încarcă repede în vedere și să crească înălțimea conținutului.

Iar proprietarii de imagini par să arate ca imaginile pe care le încărcați. Minunat!

Această tehnică elegantă oferă vizitatorilor o șansă previzualiza ce arată imaginile înainte de a le încărca. Totul este gestionat prin JavaScript, care verifică locația utilizatorului pe pagină și pre-încărcă imaginile așa cum apar.

În mod progresiv, are API destul de extinsă deci este o alegere excelentă pentru dezvoltatorii web. Configurarea poate deveni tehnică, astfel încât să vă ajute dacă cunoașteți calea în jurul codării frontale de bază.

Dar puteți afla mai multe despre pagina principală GitHub care include documentația completă despre API, instrucțiunile de configurare și fragmente de cod exemplu care puteți copia / lipi pentru proiectele dvs..

Dacă aveți nevoie de un scenariu de imagine de încredere leneș de încredere, fără dependențele urâte, dați apoi o lovitură progresivă. Este complet gratuit și oferă o mulțime de personalizare pentru dezvoltatori.

De asemenea, aruncați o privire la GitHub progresiv pentru a afla mai multe și pentru a descărca codul sursă descărcabil.