¿Qué es? Esta auditoría enumera todas las imágenes no optimizadas, con posibles economías en Kilo. La optimización de las imágenes enumeradas hará que la página se cargue más rápido y consumirá menos datos. ¿Por qué se muestra? Lighthouse recopila todas las imágenes JPEG o BMP en la página, establece el nivel de compresión de cada imagen con 85 y luego compara la versión original con la versión comprimida. Si las economías potenciales son de 4 kb o más, el faro indica que la imagen es optimizable.
¿Cómo lo resuelves? Hay muchas maneras de abordar esta auditoría. Las imágenes optimizadas deben usarse en todos los sitios web, porque si no puede comprimir/dirección, una sola imagen puede agregar 5-10 segundos de tiempo de carga. Vea el ejemplo anterior: Imagen optimizado. el tiempo de carga de la página.
Aquí hay algunas formas de aumentar la velocidad de la página optimizando las imágenes: comprimir las imágenes. Las imágenes sin comprimir inflan las páginas con bytes innecesarios. La foto a la derecha es 40% más baja que la izquierda, pero probablemente se vería idéntica al usuario ordinario.
Hay dos medios de compresión de imagen: sin pérdidas y pérdidas. JPEG tiene pérdidas, mientras que PNG no tiene pérdida, esto significa que la compresión del archivo JPEG da como resultado una pérdida de datos y es irreversible. Si se hace correctamente, esta compresión conduce a archivos bastante considerables, sin dejar de parecer decente. Si se hace mal, la imagen pierde rápidamente su calidad.
La compresión sin pérdidas, que es lo que usan los PNG, es el caso donde la imagen se reduce sin pérdida de calidad. Esto generalmente se hace eliminando metadatos. Verá una reducción en el tamaño del archivo, pero no una masiva (bastante lógica, piense en eliminar algunas líneas hacia piezas enteras). En algunos casos, puede comprimir las imágenes hasta un 85%, lo que cambiará significativamente el tiempo de carga de su sitio con WordPress, hay muchos complementos que pueden comprimir sus imágenes. Nos gusta Smush y Ewww (desde nuestra experiencia, EWWW es más fuerte, pero tiene una interfaz más compleja en comparación con Smush). El complemento se ejecutará a través de todas las imágenes instaladas en su sitio web, elegirá el mejor método de compresión de imagen y luego lo aplicará a la imagen. Reemplazo de GIF animados con videos. Los GIF reducen sus tiempos de carga debido a su tamaño masivo. Los regalos son prácticamente grandes colecciones de imágenes que su navegador reproduce en rápida sucesión para hacer un video como gráficos.
La conversión de GIF en videos MP4 o WebM reduce significativamente su tamaño, tiene la misma funcionalidad y permite que su sitio se cargue mucho más rápido.
En este ejemplo de Google, el GIF es de 3.7 millones, mientras que su conversión en un MP4 reduce el tamaño de los archivos en un 80 por ciento. Convertirlo en un video de Webm hace que el tamaño del archivo y sea más pequeño. Desde el cuadro, a los archivos de video les faltan tres componentes clave que hacen GIF GIFS:
Los GIF se juegan automáticamente.
Los GIF circulan continuamente (generalmente, pero es posible evitar el bucle). Los GIF son silenciosos.
Si agrega los siguientes atributos a su elemento de video, puede recrear la funcionalidad GIF.
Copyright statement: Unless otherwise noted, this article is Collected from the Internet, please keep the source of the article when reprinting.
homefinance blog
