După ce a adăugat funcția nativă de încărcare leneră a imaginilor la Chrome anul trecut, Google le permite dezvoltatorilor să încarce leneș iframe grele. Citiți mai departe pentru a afla mai multe!
Creșterea traficului web de la utilizatorii de telefonie mobilă și de la oamenii din întreaga lume cu capacități de conexiune limitate a împins companiile și dezvoltatorii să optimizeze puternic vitezele de încărcare a site-urilor web. În mod tradițional, atunci când navigați la o pagină web, aceasta descarcă și afișează tot conținutul disponibil: imagini, pictograme, GIF-uri, stiluri, scripturi și așa mai departe. După cum vă puteți imagina, încărcarea tuturor acestor lucruri provoacă o întârziere pe măsură ce site-ul web pornește, în special pentru utilizatorii cu conexiuni lente. Google a încercat să elimine această problemă de ceva vreme. Chiar anul trecut, au adăugat ei funcția de încărcare leneșă a imaginii în Google Chrome 76. Acum, Google aduce aceeași funcționalitate pentru iframe.
Încărcarea leneră încarcă conținutul paginii web la cerere, ceea ce înseamnă că acestea nu vor fi descărcate și afișate până când derulați în jos și le primiți în vizualizare, scăzând astfel pornirea inițială a site-ului viteză. După cum am menționat, încărcarea leneșă a imaginilor este disponibilă pe Chrome încă de anul trecut, dar acum dezvoltatorii pot folosi aceeași metodă și pe iframe. Pentru a-l implementa pe propriul site web, tot ce trebuie să faci este să adaugi
loading="leneș" atribuiți imaginilor și/sau elementelor iframe. Browsere precum Firefox și Safari au implementat deja caracteristica nativă de încărcare leneșă a imaginilor. În ceea ce privește iframe-urile, acestea încă lucrează pentru a remedia câteva erori. Google a menționat, de asemenea, că Chrome pentru Android în modul Lite încarcă automat imaginile în afara ecranului și cadrele iframe.În mod ironic, în timpul testării modului în care încorporarea videoclipurilor YouTube (care se bazează pe iframe) ar influența viteza de încărcare a paginii web atunci când este încărcată leneș, echipa Chrome a descoperit că „am economisit 10 secunde din cât de curând paginile noastre ar putea fi interactive pe dispozitivele mobile.„Inutil să spunem că lazy-loading are avantaje reale față de metoda tradițională de descărcare a întregului conținut al paginii web imediat ce o vizitați.
Pret: Gratuit.
4.1.
Sursă: web.dev
Prin intermediul: Techdows