Spring GDS 25è Aniversari
Una empresa de logística que envia a 190 països va construir alguna cosa per enviar-se a si mateixa.
Lazy loading
Què és el lazy loading?
El lazy loading és la pràctica de retardar la càrrega d'un recurs fins al moment en què de debò es necessita. En lloc de portar cada imatge, script i component quan la pàgina s'obre per primera vegada, el navegador porta les parts que l'usuari pot veure i reté la resta. El contingut més avall a la pàgina carrega a mesura que s'hi desplaça. La càrrega inicial minva i la pàgina es torna usable abans.
S'aplica a diverses coses. Les imatges i els iframes sota el plec carreguen sota demanda, cosa que el navegador ja suporta de manera nativa amb un sol atribut loading="lazy". Els bundles de JavaScript es divideixen perquè una ruta o un component pesat es porti només quan algú hi navega, cosa que sovint s'anomena code splitting. En un llistat llarg de productes o un article carregat de mitjans, el lazy loading pot retallar la descàrrega inicial per un marge ampli, cosa que mou Core Web Vitals com Largest Contentful Paint en la direcció correcta.
L'inconvenient és que cal fer-ho amb cura. Carregar de manera diferida alguna cosa visible de seguida retarda el que l'usuari vol veure, perjudicant l'experiència que intentaves millorar. El contingut que carrega tard també pot escapar-se als rastrejadors de cerca o provocar salts de maquetació si no es reserva espai per a ell. L'habilitat és saber què diferir i què carregar d'entrada.
Lazy loading a Dallonses
Tractem el lazy loading com un moviment dins d'un pressupost de rendiment real, no un interruptor que premem i oblidem. En una web amb molt contingut que carregava lenta al mòbil, vam diferir els mitjans fora de pantalla, vam dividir el JavaScript per ruta i vam reservar espai de maquetació perquè res no saltés en entrar. La pàgina va quedar més lleugera a la primera càrrega i les puntuacions de Core Web Vitals van pujar, cosa que importa tant per als usuaris com per al rànquing de cerca.
El rendiment i el SEO són la mateixa conversa per a nosaltres, i el lazy loading és on tots dos es creuen. A la nostra feina de desenvolupament web mesurem què carrega de debò, decidim amb criteri què diferir i comprovem que els rastrejadors segueixin veient el contingut que cal indexar. Ràpid per a les persones, visible per a Google, sense res important amagat darrere d'un scroll que el cercador no fa mai.
La web carrega pesada al primer pintat? Trobem què pot esperar i què no.
Serveis relacionats
Treballs relacionats
Vizitio
Convertir una marca en un negoci que funciona.
Access Ticket
Mig milió de persones. Una app. Zero caos.
Preparat per a traballar junts?
Reserva una reunió
