Optimización de medios en Speed Optimizer
Este tutorial abarca los siguientes temas:
Compresión de imágenes
Redimensionaremos tus imágenes para disminuir el espacio que ocupan y el tiempo necesario para que se cargue cada imagen. Las dimensiones de tus imágenes no cambiarán y con nuestro algoritmo de cambio de tamaño mejorado, el cambio visual en la calidad es prácticamente indetectable.
Puedes usar el botón Vista previa para probar con una sola imagen cómo funciona la compresión y elegir el nivel de compresión más apropiado para ti.
Usar imágenes WebP
WebP es un formato de imagen de próxima generación compatible con los navegadores modernos que reduce en gran medida el tamaño de los formatos de imagen estándar y mantiene la misma calidad. El tamaño de imagen reducido significa velocidades de carga de la página web más rápidas, por lo que le recomendamos encarecidamente que habilites esta función.
Carga diferida de medios
Esta es una opción que hace que las imágenes sean visibles solamente cuando están próximas a aparecer en pantalla para el visitante y no en el proceso inicial de carga del sitio. Al activar esta opción, los gravatares (realmente útiles para publicaciones con muchos comentarios, donde se pueden necesitar cientos de solicitudes solo para cargar los gravatares de los autores de tus comentarios), miniaturas, imágenes receptivas, widgets y dispositivos móviles se cargarán de forma diferida.
También puedes excluir clases de CSS y tipos de medios específicos de la funcionalidad de carga diferida.
Ancho máximo de imágenes
Si a menudo subes o usas imágenes grandes en tu sitio web, es posible que desees comenzar a cambiar el tamaño de las imágenes para que se ajusten a un ancho máximo. Esto puede reducir el tamaño de las imágenes hasta en un 80% y aumentar drásticamente la velocidad de carga en páginas con una o más imágenes grandes. Habilitar esto redimensionará tus futuras imágenes cuyo ancho exceda los 2560 px.