¿Por qué es importante la compatibilidad con AVIF en WordPress?

WordPress es un popular CMS (Sistema de Gestión de Contenidos) de código abierto Los desarrolladores, diseñadores, vendedores digitales y, lo más importante, los usuarios finales interactúan con WordPress casi a diario. Uno de los problemas más comunes con los que todos ellos tienen que lidiar es la lenta velocidad de la web que es muy común en WordPress. Hay varias técnicas que pueden mejorar el rendimiento, pero de todas ellas, las empresas deberían empezar a buscar AVIF. AVIF es un nuevo formato de optimización de imágenes ultra eficiente que los desarrolladores pueden integrar fácilmente con un sitio de WordPress para renderizarlo de forma súper rápida y súper fiable.

Entonces, ¿qué es AVIF, por qué lo necesita un sitio de WordPress y cómo se puede activar en WordPress?



¿Qué es AVIF?

AVIF (AV1 Image File Format) es un formato de imagen de nueva generación y de código abierto creado por la Alliance for Open Media sobre su formato AV1. Genera una imagen altamente comprimida que conserva una gran calidad. Y lo que es más importante, este formato proporciona una considerable reducción del tamaño de la imagen en contraste con otros formatos ampliamente populares como JPEG y WebP. AVIF ofrece un 50% de ahorro de tamaño en comparación con JPEG y casi un 30% en comparación con WebP.

Además del tamaño, el AVIF también es competitivo en cuanto a la calidad. Para entender mejor las características de calidad de AVIF, a continuación se compara una sola imagen en diferentes formatos-



Imagen original de prueba (tamaño: 1,8MB)



Imagen AVIF generada con un 40% de calidad máxima y un 30% de calidad mínima con un tamaño de 698KB



Imagen WebP generada al 75% de calidad con un tamaño de 1,2MB



Imagen JPEG generada al 75% de calidad con un tamaño de 863KB

Nota: Para acceder a todos los archivos comparados anteriormente para un mejor análisis, puedes visitar este enlace.

La imagen de prueba anterior de un águila fue seleccionada específicamente porque combina detalles de baja frecuencia (fondo) así como detalles de alta frecuencia (águila). Esta variación dentro de la imagen permite observar fácilmente los cambios en la calidad de la imagen para cada formato. La herramienta que se ha utilizado para la conversión de la imagen es Squoosh ya que ofrece opciones avanzadas de compresión de imágenes y es de sencillo manejo.

En términos de calidad, se observan algunos efectos granulados en el fondo para todas las versiones comprimidas, pero con el formato JPEG, hay algunos artefactos de mal aspecto y bordes afilados en el fondo. Por otro lado, el WebP y el AVIF son comparativamente suaves y fáciles de ver. En un análisis más detallado, el formato AVIF conserva detalles adicionales en el objeto principal de la imagen, es decir, el águila, en comparación con el formato WebP.A la vista de estos resultados, AVIF es el ganador tanto en la comparación de la calidad de la imagen como en la minimización del tamaño del archivo. No hay duda de que AVIF posee el inmenso potencial de acelerar los sitios web cargando las imágenes más rápidamente y proporcionando también una mejor experiencia de usuario.



¿Porque un sitio de WordPress necesita AVIF?

WordPress necesita AVIF por dos razones. En primer lugar, los profesionales técnicos y los usuarios finales a menudo luchan con los problemas de velocidad web que son muy comunes con este CMS. Por lo tanto, AVIF puede contribuir a una carga más rápida debido a sus imágenes de tamaño increíblemente bajo sin causar ninguna mella en la calidad. La segunda razón es que WordPress es el CMS más dominante en el mundo con más de 455 millones de sitios web en 2020. Esto significa que alrededor del 35% de la web está impulsada por WordPress. Además las estadísticas de WordPress revelan que en noviembre de 2020, más de 409 millones de personas ven más de 20 mil millones de páginas cada mes.

La siguiente imagen compartida de WordPress ofrece una visión de la actividad en vivo a través de WordPress.com durante una fracción de segundos-

Este mapa está siempre parpadeando cada dos segundos. Hay millones de negocios que dependen de WordPress. Las empresas que utilizan WordPress tienen la responsabilidad de atender a un público tan gigantesco con una mejor experiencia de usuario. Esto es posible con una velocidad de carga rápida. Para mejorar la velocidad de carga de la web, la optimización de las imágenes es una de las soluciones más fiables y eficaces. Al optimizar las imágenes con el eficiente formato AVIF, WordPress

Los desarrolladores pueden proporcionar una experiencia de usuario de siguiente nivel al público objetivo que conducirá a un aumento del tiempo de visualización, el compromiso y las conversiones.

Tampoco hay que olvidar que la mejora de la velocidad de carga de la web también contribuye a mejorar la imagen de un sitio web core web vitals para una mejor clasificación en la página de resultados del motor de búsqueda.

Sin embargo, la pregunta más importante es cómo se puede habilitar AVIF en WordPress?



¿Cómo habilitar AVIF en WordPress?

Habilitar AVIF en WordPress es un trabajo fácil cuando se utiliza la herramienta adecuada: un CDN de imágenes. El plugin cuidadosamente diseñado de ImageEngine es un accesorio perfecto para este propósito. En la próxima actualización de este plugin, podría llegar a ser capaz de optimizar automáticamente las imágenes estáticas en formato AVIF de última generación y el navegador entonces entregaría tales imágenes optimizadas en un sitio de WordPress a través de la red de entrega de contenido de ImageEngine.

El plugin utiliza el servicio de CDN de ImageEngine para optimizar dinámicamente las imágenes en WordPress específicamente para el navegador, la ventana gráfica y las características del dispositivo que el usuario final solicita. . Por lo tanto, ImageEngine puede generar una imagen AVIF adaptada y optimizada específicamente al dispositivo del usuario final. Este es uno de los puntos de venta exclusivos y altamente reconocidos del plugin.

Algunas otras características que hacen de ImageEngine una mejor opción que otros CDNs se han enumerado a continuación-

    • Las imágenes optimizadas se entregan un 30% más rápido que otras redes de entrega de contenido en el mercado.
    • Se consigue una reducción de la carga útil de la imagen de hasta el 80% sin que ello repercuta negativamente en la calidad de la imagen.
    • La red de distribución de contenidos de ImageEngine es más rápida que otras redes de distribución de contenidos del mercado.
    • El plugin ImageEngine Image CDN no sólo es fácil de instalar, sino también de configurar antes de habilitarlo. La necesidad de mover o subir imágenes nunca surge.
    • Puede optimizar automáticamente una diversa gama de formatos de imagen como PNG, JPG, SVG, BMP, GIF, etc. en formatos de última generación como WebP, AVIF, etc.
    • Las imágenes se entregan a través de una amplia red CDN global que amplía la compatibilidad con HTTP, HTTP/2, WAF y la protección contra DDoS.
    • La imagen se entrega a través de una amplia red CDN global que amplía la compatibilidad con HTTP, HTTP/2, WAF y protección contra DDoS.
    • El plugin ImageEngine Image CDN es compatible con el plugin WordPress Cache Enabler.

La imagen que se comparte a continuación es una pantalla de configuración de ImageCDN que refleja una prueba de configuración exitosa-

Otra imagen compartida a continuación es una pantalla de configuración que refleja cómo configurar ImageEngine con anotaciones asignadas.

También se puede consultar la documentación técnica de WordPress ImageEngine Integration para entenderla paso a paso y con detalle.



Conclusión

Es fácil empezar a utilizar ImageEngine. La función de prueba gratuita es una ventaja para que las empresas exploren el verdadero potencial de la red de distribución de contenidos de ImageEngine, que ayuda a los sitios web a tener una mayor velocidad de carga de la web, una mejor clasificación SEO y mejores conversiones de ventas. El objetivo de ImageEngine es ayudar a las empresas a establecer relaciones concretas con su base de usuarios objetivo.

Categorías : # productividad, # programación, # wordpress

Deja una respuesta

Tu dirección de correo electrónico no será publicada.