Google está en la cima de la cadena alimentaria en Internet. La sociedad influye (o dicta) mucho de lo que sucede en línea. Y su nuevo formato de imagen, WebP, continúa esta tendencia. Con la velocidad de carga de la página cada vez más importante (principalmente debido al Page Rank de Google), los desarrolladores y diseñadores ven la compresión de imágenes como la forma más fácil de reducir los tiempos de carga. Las imágenes de Google WebP son aproximadamente un 30% más pequeñas que las imágenes JPG o PNG normales y mantienen una calidad equivalente. Lo mejor de todo es que no tiene que preocuparse por convertir manualmente sus imágenes a WebP.

En este artículo, le mostraremos cómo utilizar este nuevo formato de imagen con WordPress, aunque todavía no es compatible de forma predeterminada.

Use Optimole para servir archivos WebP en WordPress

WebP, como formato de imagen, no es compatible de forma predeterminada en WordPress. Puede cargar una imagen .webp, pero al igual que con un archivo SVG, puede recibir mensajes de error. Y de nuevo, en cuanto al uso de Archivos SVG con WordPress , hay una solución simple a través del complemento.

Entre los servicios WebP probados, Optimole se destaca entre la multitud. De hecho, puede funcionar con un mínimo de configuración. Por eso queremos explicarte cómo configurarlo y hacer que tu instalación de WordPress sea compatible con el formato WebP de la forma más sencilla posible.

Primero, obviamente querrás descargar e instalar el complemento en sí . Está en el directorio de WP.org y es completamente gratuito. Desde el servicio basado en API que lo enciende (hasta cierto punto). Si bien es posible convertir imágenes tradicionales a WebP sobre la marcha usando PHP, no todos los servidores web otorgan este permiso a su servidor. Si tiene este permiso, también puede ver el complemento WebP Express. Tienes mucho control con eso , pero es un sistema que requiere más configuración para poder funcionar sin problemas.

Una vez que Optimole esté instalado y activado en su Sitio web WordPress, encontrará una nueva opción de menú en Medios - Optimole .

Su clave API Optimole

Antes de poder acceder a los ajustes o configuraciones, debe tener una cuenta Optimole. Si ya ha configurado uno, puede hacer clic en el botón Ya tengo una clave API . Si no, guardar y enviar la clave API por correo electrónico . La cuenta de clave API básica es gratuita y obtienes alrededor de 5 visitas en este nivel. Si necesita más que eso, hay niveles de precios disponibles.

Optimole define una visita como " cualquiera que visite su si una vez [. . .] Cada usuario se cuenta solo una vez. No importa lo que hagan en su sitio, cuántas imágenes descarguen o cuántas páginas visiten; es solo un usuario. Si abandonan su sitio y regresan el mismo día, siguen siendo solo un usuario. "

Una vez que se agotan las visitas medidas, solo las imágenes WebP dejan de publicarse. Tus propias imágenes no lo hacen. Encontrarás la clave API en tu panel de Optimole en la parte superior.

Simplemente péguelo en su panel de WordPress y estará listo para comenzar a difundir imágenes de WebP con WordPress.

Sus paneles de WordPress Optimole

En su panel de WordPress, obtiene información básica sobre su optimización WebP. Esto le permite solucionar problemas y evaluar el éxito de esta aceleración. De esta forma, puede cambiar varias configuraciones.

Primero, verá la cuenta asociada con la API, luego, en la parte inferior de la pantalla, el complemento muestra las últimas imágenes optimizadas. Puede ver cuánto más pequeñas son las imágenes WebP servidas que las originales que cargó en WordPress.

Luego está la pestaña dificultades posible todo en alto. A nadie le gusta ver la pestaña resaltada, pero también todos necesitamos ver qué conflictos pueden surgir.

El principal problema al que nos enfrentamos es con otros complementos de compresión y entrega de imágenes. Como puede ver en la imagen de arriba, el complemento Jetpack funciona de manera similar a Optimole a través de Photon APIT , para que puedan golpearse la cabeza. Para nosotros esto se manifestó en el hecho de que no se transmitieron imágenes al visitante. No hemos tenido ningún problema con otros servicios de compresión como TinyPNG o Smush.

Usando paneles

Si desea información más detallada sobre cómo funciona su sitio con WebP, el Panel de control externo Optimole contiene esta información para usted.

En lugar de solo 9,5 veces más pequeño, puede ver el tamaño real de los archivos que se sirven. Así como los propios archivos durante un período de 30 días.

También puede establecer marcas de agua en el tablero de Optimole (o WP) para que cualquier persona que reciba un WebP de su sitio de WordPress reciba automáticamente el blasón de su logotipo. Es un proceso simple y obtienes control sobre la opacidad, la ubicación y más.

Básicamente, puede hacer lo mismo desde ambos paneles. O debajo de la pestaña Parámetros de WordPress, o visitando el tablero externo a Optimole. Todo depende de con qué te sientas más cómodo, así como del nivel de datos lo que necesitas en cada momento.

Además, podrá controlar el nivel de compresión, la carga diferida y cuándo / si ciertas imágenes se transmiten como WebP según los nombres de los archivos. Encontrarás todo esto en la pestaña Parámetros de Medios - Optimole .

paquete

La mejor parte de usar WebP con sitios web de WordPress es que no tiene que trabajar con los archivos manualmente. Sin descargas adicionales, sin tiempo de compresión adicional, nada. Debido a cómo funcionan las API, todos los procesos y cálculos se realizan sobre la marcha en tiempo real. Google realmente ha hecho que Internet sea más rápido utilizando WebP en lugar de JPG o PNG. La principal ventaja, sin embargo, es que las imágenes conservan la misma calidad, incluso si su tamaño se reduce considerablemente. Puede ser interesante de su parte que Google le obligue a usar su formato para acelerar su sitio para que pueda clasificarlo más alto y la experiencia del usuario final también sea mejor. Y eso es lo que importa al final.