¿Cómo configurar el plugin Smush para que admita el formato WebP?

Smush actuar como WordPress Uno de los plugins de optimización de imágenes más populares de Versión ProLa compatibilidad con WebP se proporciona en el Con él, puede lograr la compresión automática de imágenes, la carga retardada y la conversión dinámica de imágenes a formato WebP a través de servicios CDN. En este artículo, te guiaremos a través de la configuración del plugin Smush para cargar imágenes WebP correctamente en tu sitio WordPress, mejorando el rendimiento de la página y la velocidad de carga en general.

Imagen [1] - Guía de configuración completa para habilitar el soporte WebP con el plugin Smush

¿Por qué elegir el plugin Smush para soportar WebP?

Smush Desarrollado por el equipo de WPMU DEV, el plugin tiene buena estabilidad y usabilidad. Es compatible con la compresión de imágenes, la carga retardada de imágenes (Lazy Load), el cambio de tamaño, la optimización del escaneo de directorios, etc., lo que puede mejorar eficazmente el rendimiento de carga de imágenes sin necesidad de configuraciones complejas.

Para la compatibilidad con el formato WebP, elSmush Pro Se utiliza un servicio CDN integrado para convertir dinámicamente las imágenes a WebP en lugar de generar archivos WebP localmente. Este método es útil paraNo hay servidores con privilegios elevadoses especialmente fácil de usar.

Imagen [2] - Guía completa de instalación del plugin Smush para habilitar la compatibilidad con WebP

Condiciones de preparación antes de activar la función WebP

Antes de configurar la compatibilidad con WebP, debe comprobar que se cumplen las siguientes condiciones:

  1. Su versión de WordPress debe ser 5.8 o superior para garantizar que el sistema tiene soporte básico para WebP.
  2. Instale y active la última versión del plugin Smush. Para utilizar la función de conversión WebP.Se requiere suscripción Pro.
  3. Smush. CDN está activada porque las imágenes WebP se generan dinámicamente y se distribuyen a través de CDN.
  4. Los navegadores y servidores deben ser compatibles con los tipos MIME de WebP (los navegadores modernos son básicamente totalmente compatibles).

Cómo activar la compatibilidad con WebP en Smush

1. Abra la interfaz de configuración del plug-in

Inicie sesión en el backend de WordPress y haga clic en Smush > CDN en el menú de la izquierda para acceder al panel de configuración de distribución de contenidos del plugin. Si no ha activado CDNLa página le pedirá que active el servicio.

Imagen [3] - Guía completa de instalación del plugin Smush para habilitar la compatibilidad con WebP

2. Activar la opción de formato WebP

Desplácese hacia abajo hasta Conversión WebP en la configuración de la CDN y actívela. La CDN de Smush devolverá dinámicamente versiones de imágenes WebP para navegadores habilitados para WebP.

Imagen [4] - Guía completa de instalación del plugin Smush para habilitar la compatibilidad con WebP

Nota: Cuando esta opción está activada, la CDN sustituye automáticamente el archivo <img> La ruta a la imagen en la etiqueta está en formato WebP, pero la imagen original se mantiene para compatibilidad con dispositivos que no soportan WebP.

3. Guardar y borrar la caché

Después de guardar los ajustes, se recomienda borrar la caché del sitio, la caché del navegador y la caché CDN para garantizar que los nuevos ajustes surtan efecto inmediatamente. Puede utilizar la función "Modo No Trace" o Ctrl+F5 para forzar una actualización de la página para validar los cambios.

Cómo comprobar si WebP se ha activado correctamente

Verificar que el soporte WebP está habilitado puede hacerse de varias maneras:

  • Utilizando las herramientas de desarrollo de su navegador, compruebe si el sufijo de la dirección de la imagen es .webp.
Imagen [5] - Guía completa de instalación del plugin Smush para habilitar la compatibilidad con WebP
  • Utilice PageSpeed Insights para analizar el rendimiento de la página, y si la herramienta sugiere que se ha cargado una imagen WebP, la configuración es correcta.
  • Haga clic directamente con el botón derecho para guardar la imagen de la página web y ver el formato, también puede verificar indirectamente si está cargada o no WebP Formato.

La diferencia entre la versión gratuita de Smush y la versión Pro del soporte WebP

La versión gratuita de Smush, aunque ofrece compresión de imágenes ycarga perezosa (informática)La compatibilidad con WebP sólo está disponible en Smush Pro a través de una CDN.

Las ventajas de la versión Pro incluyen:

  • Soporte CDN para distribución global y cambio automático de WebP
  • Carga condicional dinámica (devuelve WebP cuando el navegador lo admite)
  • Mayor relación de compresión y opciones de compresión sin pérdidas
  • Escalado automático y compatibilidad con Retina
Imagen [6] - Guía completa de instalación del plugin Smush para habilitar la compatibilidad con WebP

Si necesita mejorar el rendimiento de un sitio web comercial, una plataforma con muchos contenidos o un blog con muchas imágenes, puedeConsidere la posibilidad de suscribirse Smush Pro.

Imagen [7] - Guía completa de instalación del plugin Smush para habilitar la compatibilidad con WebP

resúmenes

Habilitar el formato WebP es una excelente forma de mejorar la velocidad de carga de las imágenes en los sitios de WordPress, optimizar la experiencia del usuario yMejorar el rendimiento SEOEl plugin Smush hace que habilitar la compatibilidad con WebP sea sencillo y eficaz al integrar transiciones dinámicas CDN, especialmente para los usuarios que no tienen acceso al servidor o no quieren lidiar con complejos procesos de imagen.

Con estos ajustes, puede habilitar fácilmente la compatibilidad con WebP en Smush Pro para automatizar la compresión de imágenes y la distribución de formatos modernos. También se recomienda combinar lazy loading, plugins de caché y servicios CDN para construir un sistema de optimización de imágenes más completo.


Contacte con nosotros
¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas
Servicio de atención al cliente WeChat
Servicio de atención al cliente WeChat
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) Correo electrónico: info@361sale.com
Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres
© Declaración de reproducción
Este artículo ha sido escrito por Zhong
EL FIN
Si le gusta, apóyela.
felicitaciones428 compartir (alegrías, beneficios, privilegios, etc.) con los demás
comentarios compra de sofás

Por favor, inicie sesión para enviar un comentario

    Sin comentarios