Facultad de Ingeniería Industrial, Sistemas e Informática

Escuela de Ingeniería de Sistemas

HERRAMIENTAS DE DESARROLLO WEB

Luigi F. Ausejo Sánchez

Docente

Ing. Barrozo Guillen Jorge Luis

Huacho, 10 de Octubre 2023

 FORO N°1

El mundo ha cambiado muchísimo desde que empezó el desarrollo web

haciéndolo ahora mucho más sencillo, pero lo que no cambia es que las imágenes son lo

que siempre pesan mas. Y para mejorar la rapidez de la página aquí hay ciertos trucos:

TIP N°1 : Conocer la diferencia entre las imágenes cargadas en tu pagina :

JPG(tienen mucha más compresión)

PNG(tienen menor compresión)

SVG(imágenes hechas con código)

GIF(no deberían usarse en tu pagina)

UVP(tiene lo mejor de todas las anteriores se recomienda usar este tipo

de imagen)

TIP N°2: Usa en tu página imágenes del tamaño que realmente vas usar.

TIP N°3: Comprime tus imágenes.

TIP N°4: Aprende a usar la etiqueta “PICTURE” porque tiene funcionalidades

increíbles.

-Puedes subir imágenes sin utilizar css.

-Y puedes configurar donde quieres que se vea de tamaños diferentes

haciendo que la pagina cargue muchísimo mas rápido y haciendo un mejor trabajo como

programador.

TIP N°5: Utiliza lazy loading ;quiere decir que solo se cargaran imágenes en

tanto el usuario las solicite.