Introducción
¿Qué?
Lecturas: imgit es un paquete de JavaScript y un conjunto de complementos para marcos web populares para mejorar la experiencia del usuario al interactuar con sitios web con muchos medios, como blogs, landings, portafolios y sitios de documentación.image it
¿Por qué?
Considere la página de rebajas de código fuente de un sitio web creado con un generador de sitios estáticos (SSG), como Starlight ↗ o VitePress ↗:
Md
...
![](https://host.name/image.jpg)
...
<video src="https://host.name/video.mp4"></video>
...
<iframe src="https://www.youtube.com/embed/id"></iframe>
— la página incluye varias imágenes y videos alojados de forma remota y una inserción de YouTube. Si construimos tal cual y navegamos a un ancla en medio de la página, se verá de la siguiente manera:Advertencia: luces intermitentes
La página se desplaza constantemente mientras se carga, el contenido se muestra abruptamente y toma un tiempo significativo hasta que todo finalmente está estable, lo que resulta en una mala experiencia del usuario. PageSpeed Insights ↗ ayuda a identificar los problemas y sugiere soluciones.