En la siguiente guía vamos a realizar el procedimiento paso a paso de convertir y optimizar imágenes a formato WebP usando LiteSpeed Cache en WordPress. Este proceso te ayudará a mejorar la velocidad de tu sitio web, ya que el formato WebP es un formato mucho más ligero que JPG y PNG.
Lo primero que tenemos que hacer es iniciar sesión en nuestro panel de administración de WordPress y ubicar en el menú lateral la opción LiteSpeed Cache -> Optimización de Imágenes.
Dentro de la sección "Optimización de Imágenes", verás dos pestañas: "Resumen de Optimización de Imágenes" y "Ajustes de Optimización de imágenes". Haz clic en la pestaña "Ajustes de Optimización de imágenes."
En esta pestaña, encontrarás la opción "Formato de imagen de próxima generación" (Next-Gen Image Format). Aquí es donde eliges el formato que quieres que LiteSpeed Cache genere, en nuestro caso seleccionaremos la opción "WebP", de igual forma vamos a explicar que diferencia existe si seleccionamos una u otra opción
Off: No se generarán imágenes WebP ni AVIF, es decir; mantendremos nuestras imágenes en formato PNG, JPG, etc
WebP: LiteSpeed generará una versión WebP de tus imágenes originales (PNG, JPG, etc.). Este es el formato más común y compatible actualmente.
AVIF: LiteSpeed generará una versión AVIF, este formato es más nuevo y ofrece una compresión superior a WebP, pero suele tener menor compatibilidad con algunos navegadores.
También encontraremos la opción "WebP/AVIF para srcset adicional", Esta es una opción adicional que debes activar.
On: Al activar esta opción, LiteSpeed se asegurará de que las imágenes optimizadas WebP o AVIF se muestren en dispositivos con diferentes resoluciones, especialmente si usas plugins o temas que usan
srcset.
Después de activar la opción "WebP/AVIF para srcset adicional" o cualquier otro ajuste en LiteSpeed Cache, debes guardar los cambios, verás un botón de "Guardar cambios" en la parte inferior de la página de configuración, ya que si no lo haces, los ajustes que hayas seleccionado no se aplicarán y las imágenes no se optimizarán correctamente.
Una vez que guardes los cambios, LiteSpeed Cache comenzará el proceso de optimización, este proceso puede tomar un tiempo dependiendo de la cantidad de imágenes que tengas en tu sitio.
Si piensas que este proceso es difícil de realizar, no dudes en abrir un ticket de soporte desde el área de clientes para que nuestro equipo técnico te ayude con el proceso de configuración.