Las imágenes y los vídeos son los principales responsables del peso excesivo de las páginas. Aquí tienes algunos consejos para reducir el peso de las páginas que superan los límites recomendados.
Optimizar imágenes
Asegúrate de optimizar todas las imágenes que uses en tu sitio web. Idealmente, ninguna debería exceder... 1MB en tamaño. Blocs reducirá automáticamente las imágenes grandes cuando las agregue a su proyecto (solo flujo de trabajo de activos integrados).
Además, existen varias herramientas de terceros que pueden ayudar a reducir aún más el tamaño de los archivos de imagen. Recomendamos ImageOptim, una herramienta de optimización de imágenes gratuita y fácil de usar para Mac.
También recomendamos habilitar la Generar WebP en la configuración de exportación. Esto crea versiones WebP de todas las imágenes de su sitio web, que suelen ser significativamente más pequeñas que... JPG or PNG formatos.
La opción WebP es una función de solo exportación y no se aplica cuando su sitio web se genera en modo de vista previa.
Optimizar vídeos
Los archivos de vídeo grandes pueden aumentar significativamente el peso de la página y ralentizar tu sitio web. Si alojas tus propios vídeos, te recomendamos usar HandBrake para optimizarlos para la web.
Precarga
Para archivos de audio y video alojados de gran tamaño, recomendamos deshabilitar La opción de precarga del reproductor Bric. Esto ayuda a mejorar el rendimiento de carga de la página y reduce el peso percibido de la misma.
Carga Diferida (Lazy Loading)
Recomendamos habilitar la Carga Diferida Opción de exportación para reducir el peso de la página. Esta función retrasa la carga de recursos como imágenes, vídeos y audio hasta que aparecen en pantalla.