7 poderosas razones para utilizar únicamente imágenes WebP para WordPress

Sé que es muy importante, pero puede que no esté tan claro: ¿por qué los blogueros deberían implementarlo sólo ¿Imágenes WebP para WordPress? ¿Deberías convertir una imagen a webp para tu blog o sitio web?

Estoy 100% seguro de que no sólo te encantará esta publicación sino que también te beneficiarás de ella.

En esta publicación de blog, compartiré lo importante que es tener WebP habilitado en WordPress, cómo puede afectar su clasificación en Google y cómo habilitarlo en su sitio de WordPress.

Entonces empecemos.

¿Cuál es el formato de imagen?

El formato webp es un formato de imagen basado en web que proporciona compresión con pérdida para imágenes en la web.

El formato webp fue desarrollado por Google y supera al JPEG en términos de tamaño de archivo, al tiempo que proporciona una calidad comparable a la del PNG.

(Sin mencionar que el formato de imagen PNG tiene la calidad de imagen más alta en este momento).

Para ser precisos, WebP es mucho más pequeño que otros formatos de imagen.

Es un 26% más pequeño que el otro tipo, PNG.

Además, las imágenes WebP son entre un 25 y un 34 % más pequeñas con el mismo nivel de calidad que las imágenes JPEG.

Esto es mucho.

Esto significa que si tiene 1 GB de imágenes JPEG en su sitio de WordPress, puede almacenar la misma cantidad de imágenes en sólo 650 MB de espacio en su servidor.

Eso es si estás usando el formato WebP en lugar del antiguo JPEG.

7 razones para utilizar imágenes WebP en WordPress

1: Reduzca el tamaño del archivo de sus imágenes hasta en un 50%

Al convertir sus imágenes al formato WebP, podrá reducir el tamaño hasta en un 35% para archivos JPEG y en un 50% para archivos PNG.

Incluso los archivos pesados ​​tardan en cargarse por completo y si el tamaño supera los 500 KB, el sitio web se ralentiza por completo.

¿Quién quiere archivos pesados ​​que ocupen demasiado espacio y consuman ancho de banda del servidor?

2: Consume menos espacio de almacenamiento

La segunda razón obvia para utilizar WebP es que utiliza menos espacio de almacenamiento.

Muchas empresas de servidores cobran a sus clientes una tarifa adicional por el almacenamiento actualizado.

Pero con WebP habilitado, puede ahorrar un 35% en sus costos generales de alojamiento.

3: Utilice menos ancho de banda

El ancho de banda y el almacenamiento son dos cosas diferentes.

Leer:  30 alternativas de Snagfilms para ver películas HD online

En palabras simples, el ancho de banda se refiere a una vía en la que se pueden transferir datos desde el servidor a los usuarios de la web.

Digamos que si tiene 1 GB de ancho de banda del servidor, la cantidad máxima de archivos que puede transferir en 1 vez no debe exceder 1 GB.

Y las imágenes hacen la mayoría.

Un tamaño de imagen más pequeño utilizará menos ancho de banda y, por lo tanto, ahorrará recursos del servidor que pueden utilizarse mejor en otras tareas informáticas.

Ya que no sólo se transfieren imágenes desde su servidor, sino que su servidor también envía otros datos importantes.

Si el tamaño de la imagen es grande, consumirá gran parte de su ancho de banda, lo que le brindará una ventana mucho más pequeña para transferir otros archivos (como texto).

4: Cumplimiento de las directrices de SEO de imágenes y de Google

Desde que Google lanzó oficialmente el formato de imagen WebP, también dijeron que WebP está optimizado para imágenes en la web.

En Google Page Speed ​​​​Insights, también puede ver una recomendación repetida de “Intente usar imágenes WebP”.

Por lo tanto, las personas que utilizan versiones WebP de imágenes en lugar de JPEG o PNG tienden a obtener mejores resultados en SEO de imágenes, ya que cumplen con las pautas de Google.

Esto también les ayuda a atraer tráfico a su blog no sólo desde la búsqueda de Google sino también desde la búsqueda de imágenes.

Relacionado: Más de 13 consejos de optimización de imágenes y SEO que seguramente aumentarán el tráfico de su blog 17 veces

5: las páginas web se cargan más rápido

Como se indicó, las imágenes sin pérdidas de Webp son de menor tamaño.

Reducen significativamente los tiempos de carga de la página.

Además, un archivo más pequeño tarda menos en transferirse desde el servidor a los navegadores del cliente.

En mi sitio web personal, cuando cambié a WebP desde PNG, reduje el tiempo de carga en 2,5 segundos.

Posteriormente, el tamaño de mi página se redujo de 2 MB a solo 700 KB, ahorrando así ancho de banda y disminuyendo los tiempos de carga al mismo tiempo.

6: Mejore su puntuación vital de Core Web

Recientemente, Google destacó la Señales web fundamentales y afirmó lo importantes que son para determinar su clasificación.

Hay un término en CWV (Core Web Vital) llamado LCP (Largest Contentful Paint).

Esto se refiere al tiempo que tarda su navegador en mostrar una parte de su página web.

Cuanto mayor sea el tamaño del archivo o la imagen, más tiempo se tardará en pintar la imagen en el navegador, lo que aumenta el LCP y reduce el tiempo de interacción.

WebP minimiza esto reduciendo el tamaño del archivo.

Además, tenga en cuenta que el tamaño de la imagen no debe exceder los 1024 px de ancho y el tamaño total no debe exceder los 100 KB para obtener la mejor experiencia.

7: Ofrecer una buena experiencia de usuario

En general, con todos los beneficios mencionados anteriormente, le ayuda a minimizar costos, mejorar el rendimiento, aumentar la clasificación en Google, etc. Y haga que la experiencia de usuario de sus visitantes sea muy atractiva.

Por lo tanto, las posibilidades de que su sitio tenga una clasificación más alta aumentan varias veces.

¿Cómo habilitar la compatibilidad con WebP en el sitio web de WordPress para cargar imágenes WebP?

Desafortunadamente, WordPress de forma predeterminada no admite la carga de imágenes WebP.

Pero hay 2 soluciones que descubrí.

O puede utilizar los complementos proporcionados por Píxel corto O Imaginar para crear versiones WebP de sus imágenes PNG o JPEG y luego servir imágenes WebP sobre la marcha.

(Esto creará una versión WebP separada para todas sus imágenes. Las antiguas seguirán ahí)

Este método es muy beneficioso si ejecuta un sitio muy grande y no puede convertir imágenes manualmente a WebP, ya que estos complementos pueden hacer el trabajo esencial por sí solos sin ningún trabajo manual.

Leer:  5 trucos geniales de almacenamiento para el hogar

Pero en lo que a mí respecta, no soy una persona orientada a los complementos.

¿Por qué?

Agregar complementos de WordPress de vez en cuando para pequeñas tareas como estas en sitios de WordPress aumenta la cantidad de archivos de complementos (archivos JS y CSS) y esto carga su servidor, reduciendo así su rendimiento.

También ralentiza la carga de sus sitios, lo que a su vez disminuye su clasificación en Google.

Prefiero el método manual a los complementos.

Pero puedes usar los complementos anteriores si tu sitio contiene muchas imágenes, ya que será casi imposible convertir manualmente todas las imágenes a WebP.

Simplemente siga los pasos a continuación y estará listo para comenzar:

Paso 1: primero crea un tema secundario

Si aún no estás usando un tema hijo, crea uno usando este complemento.

Esto no funcionará sin un tema secundario.

Es un proceso de 2 pasos y después de crear el tema secundario, puedes eliminar este complemento.

Paso 2: activa el tema secundario

Vaya a Apariencia -> Temas -> Activar YourThemeChild

Paso 3: abre el editor de temas

Vaya a Apariencia -> Editor de temas -> Functions.php

Paso 4: Copie y pegue el siguiente código en su archivo Functions.php

//** *Habilitar carga para archivos de imagen webp start*/ function webp_upload_mimes( $existing_mimes ) { // agrega webp a la lista de tipos MIME $existing_mimes[‘webp’] = 'imagen/webp'; // devuelve la matriz a la función con nuestro tipo MIME agregado return $existing_mimes; } add_filter('mime_types', 'webp_upload_mimes'); //** * Habilitar vista previa/miniatura para archivos de imagen webp.*/ function webp_is_displayable($resultado, $ruta) { if ($resultado === false) { $displayable_image_types = array( IMAGETYPE_WEBP ); $información = @getimagesize($ruta); if (vacío($info)) { $resultado = falso; } elseif (!in_array($info[2], $displayable_image_types)) { $resultado = falso; } else { $resultado = verdadero; } } devuelve $resultado; } add_filter('file_is_displayable_image', 'webp_is_displayable', 10, 2); //** *Finaliza la carga de archivos de imágenes webp*/

Paso 5: haga clic en Guardar cambios

Ahora podrá cargar imágenes WebP directamente en WordPress sin ver ningún error.

Después no es necesario realizar ningún cambio en el archivo htaccess ni en ningún otro archivo.

Esta es la forma más sencilla y sencilla de habilitar la compatibilidad con WebP en WordPress después de agregar el complemento de WordPress.

Algunos ajustes y trucos más para acelerar la carga de su imagen WebP

Muchas herramientas o software de edición de imágenes no proporcionan la funcionalidad para exportar directamente la imagen como un archivo WebP.

Para combatir este problema, puede exportar estas imágenes en formatos JPEG y PNG normales y convertirlas en masa a WebP usando esta herramienta gratuita.

Utilice WP Rocket para utilizar sólo imágenes WebP

WP Rocket es, con diferencia, mi complemento de almacenamiento en caché de WordPress favorito.

Puedo decir esto porque he usado más de 10 complementos de almacenamiento en caché y ninguno de ellos iguala el nivel de WP Rocket.

En WP Rocket, también tiene la opción de optimizar y crear archivos de caché separados (no archivos de imagen separados) para sus imágenes WebP para mejorar las velocidades de entrega y optimizar también el tamaño de los archivos.

Utilice un servicio Push CDN para alojar sus imágenes

Muchos servicios CDN GRATUITOS, como Cloudflare, extraen servicios CDN.

Intente utilizar un servicio Push CDN para una mejor optimización y entrega de imágenes.

Antes de comprar cualquier servicio CDN, asegúrese de que también permita una compresión adicional.

Habilitar el almacenamiento en caché del navegador

Si tiene un sitio web con 10 páginas y cada página contiene 5 imágenes, habilitar el almacenamiento en caché del navegador puede ayudar a mejorar su puntuación de velocidad.

En otras palabras, si hay múltiples solicitudes de una imagen de varios usuarios en diferentes momentos del día o de la noche, su servidor hará más trabajo para enviar esos archivos.

Puede que no lo sepas, pero los navegadores almacenan en caché lo que creen que es más relevante, por lo que incluso después de presionar Recargar para obtener contenido nuevo, se mostrará la versión almacenada en caché a menos que se indique lo contrario.

Leer:  10 mejores proveedores de alojamiento de WooCommerce para 2024

Para habilitar esto en WordPress, uso el complemento WP Rocket y reduzco aún más la solicitud de imagen realizada a mi servidor.

Es mi complemento Todo en Uno y mi favorito de todos los tiempos.

CONSEJO PROFESIONAL: Borra todo el fondo de tus imágenes

Si está utilizando una imagen con un fondo blanco, simplemente puede eliminar el fondo de esas imágenes por completo.

De esta manera, no sólo reducirá aún más el tamaño del archivo, sino que su usuario final no verá ninguna diferencia ya que el fondo del tema de WordPress también es blanco.

Siempre practico esta técnica en mi blog.

Preguntas frecuentes generales sobre el uso exclusivo de imágenes WebP

¿Los navegadores modernos admiten el formato de archivo WebP?

En resumen, sí. Casi todos los navegadores modernos admiten archivos de imagen WebP.

¿Cuál es el mejor conversor WebP?

ImagenAWebP es el mejor conversor WebP GRATUITO que he encontrado hasta la fecha. Puede convertir de forma masiva sus imágenes a WebP en segundos.

¿Cuál es el mejor complemento WebP para WordPress?

Tendrás que instalar complementos como Píxel corto & Imaginar que creará una versión adicional de sus archivos de imagen en WordPress y luego los entregará.

Sin embargo, no recomiendo esto porque estás consumiendo espacio de almacenamiento ya que estás usando 2 imágenes para un solo propósito.

Uno se usa mientras el otro está inactivo y también consume su valioso espacio de almacenamiento.

Conclusión: ¿Debería utilizar imágenes WebP en su sitio de WordPress?

Las imágenes WebP son una excelente manera de hacer que su sitio web sea más eficiente.

Se pueden usar en sitios de WordPress junto con complementos como WP Rocket, que brindan optimización adicional para el contenido web.

Debes utilizar el tipo correcto de imagen dependiendo del propósito para el que la necesites y de su tamaño.

De esta manera tendrás mucho espacio para otras funciones, ¡como vídeos!

El formato WebP puede ser una buena opción si ha utilizado JPEG o PNG para las imágenes de su sitio web.

Tomará algún tiempo acostumbrarse a los cambios de archivos, pero este cambio conlleva muchos otros beneficios.

Recordar:
“Cuando soplan vientos de cambio, algunas personas construyen muros, mientras que otras construyen molinos de viento”

Si estás buscando un tipo de archivo de imagen alternativo y no quieres esperar más de lo habitual para que se cargue toda la página, ¡definitivamente prueba WebP!

Estoy 100% seguro que te encantarán los cambios que obtendrás.

Su gran avance ¿Por qué utilizar únicamente imágenes WebP para su blog o sitio web?

¿Qué opinas sobre usar solo imágenes WebP para WordPress?

Cuéntanos en los comentarios a continuación para que podamos discutir.

Y si tienes dudas sobre algún tema o tienes problemas relacionados con la configuración de WP Rocket en tu blog, visita El hombre equivocado y déjame saber si necesitas ayuda.

Soy Palash, fundador de The Mistaken Man. Soy el único miembro de TMM que no es blogger ni autónomo, sino emprendedor y redactor de contenidos.

Mi misión es ayudar a las personas a encontrar su camino en la vida.

Hago esto compartiendo lo que he aprendido con otros a través de mi blog.

Tengo más de 10.000 lectores mensuales que visitan mi sitio para descubrir cómo ganarse la vida con los blogs y el marketing de afiliación.

Si está buscando a alguien que pueda poner en funcionamiento su sitio web rápidamente, visite mi sitio para obtener servicios de redacción de blogs y artículos hoy mismo.

Últimas publicaciones de Palash Nag (ver todas)

Nuevas Publicaciones:

Recomendamos