Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. WordPress Plugins
Code

Fácil optimización de imágenes en WordPress con WP Compress

by
Length:MediumLanguages:
Sponsored Content

This sponsored post features a product relevant to our readers while meeting our editorial guidelines for being objective and educational.

Spanish (Español) translation by Eva Collados Pascual (you can also view the original English article)

WP Compress faster loading images

Las agencias que construyen y alojan sitios web dinámicos de WordPress dinámicos, de alto volumen y alto tráfico tienen la tarea de ofrecer velocidades de carga rápidas para sus clientes.

Sus clientes pueden ser sitios web de comercio electrónico, sitios web de comunidades de usuarios o sitios web basados en las suscripciones con:

  • enormes cantidades de imágenes que cambian de forma continua
  • muchos visitantes simultáneos
  • muchas transacciones simultáneas

Todas estas imágenes pueden ser difíciles de mantener y pueden ralentizar significativamente la carga del sitio web. Aunque para los clientes, velocidades de carga más rápidas significan credibilidad.

Los sitios que cargan rápidamente mantienen satisfechos a los clientes, lo que se traduce en un mayor número de conversiones y ventas. Un sitio rápido y responsivo reducirá el número de carritos de la compra abandonados y, tal vez lo más importante, conducirá a un mejor posicionamiento en los motores de búsqueda.

Pero las imágenes consumen mucho ancho de banda, lo que a su vez ralentiza las velocidades de carga de la página web. Las investigaciones han demostrado que:

  • El 65% del peso de una página web está compuesto por imágenes.
  • El 47% de los usuarios salen de un sitio web si éste tarda más de 3 segundos en cargarse.

Aquí está la cruda verdad: las imágenes son una parte indispensable de tu contenido, pero pueden dañar el rendimiento del sitio web si no tienes cuidado.

La solución: Plugins de optimización de imágenes

La optimización de imágenes era algo que costaba mucho tiempo llevar a cabo, pero ya no. Los plugins de optimización de imágenes de WordPress optimizan tus imágenes comprimiéndolas automáticamente y usando versiones más pequeñas para tu sitio web. Mantienen la calidad original de la imagen y entregan la imagen en el formato, la resolución, las dimensiones y el tamaño correctos.

Qué buscar al elegir plugins de optimización de imágenes

Aquí tienes algunas preguntas y pistas a tener en cuenta cuando vayas a seleccionar un plugin de optimización de imágenes.

Compresión de imágenes

Un buen plugin para la optimización de imágenes comprimirá tus imágenes para reducir el tamaño del archivo. Un optimizador de imágenes superior lo hará en tiempo real, sobre la marcha, cuando los visitantes estén en la página.

  • ¿Ofrece compresión conservando al mismo tiempo la calidad de las imágenes?
  • ¿Puedes determinar tus propias opciones configuración para la optimización?
  • ¿Puedes establecer tus propios niveles de compresión?
  • ¿Cómo se evita el exceso de compresión?
  • ¿Conserva los archivos de imagen originales?
  • ¿Puede hacer compresión en piloto automático?
  • ¿Ofrece archivos WebP?

Rendimiento y back-end

¡Un plugin de optimización es tan bueno como las ganancias de rendimiento que ofrezca!

  • ¿Ofrece servicios de almacenamiento en la nube?
  • ¿Funciona con una CDN de buena reputación?
  • ¿Cuánto espacio del sitio web te ahorra?
  • ¿Mejora de forma considerable la velocidad de carga de imágenes y los tiempos de carga del sitio web?

Calidad

Deseas estar seguro de que la compresión y la optimización no arruinen la calidad de tus imágenes.

  • ¿Comprime un alto porcentaje del tamaño de la imagen?
  • ¿Qué tipo de tamaño de archivo queda después?
  • ¿Guarda los archivos originales en la nube?

Administración

Valora la interfaz de administración de tu plugin de optimización: un plugin fácil de usar se utilizará más y así funcionará mejor.

  • ¿Ofrece características como un panel centralizado para administrar los sitios web del cliente?
  • ¿Ofrece informes mensuales personalizados?

Optimización de imágenes de WP Compress

WP Compress cumple todos estos requisitos a través de un excelente plugin para la optimización de imágenes.

WP Compress load faster convert better rank higher

¿Qué es WP Compress?

WP Compress es un plugin de optimización de imágenes para WordPress. Hay dos versiones de WP Compress:

Versión local: realiza la compresión localmente, optimiza las imágenes de forma local y ahorra espacio de almacenamiento en el sitio web en el servidor local.

Versión en vivo (la versión principal): ¡La compresión se realiza en tiempo real, con velocidades de carga de imagen hasta 333 veces más rápidas de hasta 7 milisegundos!

Una vez que un visitante esté en la página, se optimiza automáticamente sobre la marcha, cargando rápidamente tanto para los visitantes existentes como para los nuevos. Esto implica tasas de conversión más altas y tasas de rebote más bajas, con velocidades rápidas que ayudan a mantener a los usuarios en la página.

Utilizando una CDN de primera clase en segundo plano, WP Compress pone los sitios web a disposición de los usuarios a velocidades ultrarrápidas.

WP Compress se centra en las necesidades de las agencias que construyen y alojan sitios web. Se puede utilizar una sola cuenta de WP Compress en sitios web ilimitados.

La compresión en tiempo real significa que cada vez que un nuevo visitante llegue al sitio web, se optimiza al instante y se pone a su disposición en hasta 7 milisegundos, incluso cuando ya haya otros visitantes en el sitio web.

Bajo la capucha de WP Compress

WP Compress consta de los siguientes componentes:

  1. componente de plugin que puede ser descargado en todos los sitios web que tu agencia administre
  2. servicio de almacenamiento en la nube para las imágenes originales
  3. portal de gestión centralizada donde puedes configurar la optimización de todos los sitios web que gestione tu agencia

Características de WP Compress

Increíbles optimizaciones de imagen junto con las siguientes funciones avanzadas que te proporcionarán velocidades de carga de imágenes 333 veces más rápidas.

Procesamiento en la nube

Todas las imágenes se comprimen, redimensionan y guardan en la nube de forma segura para no utilizar los recursos del servidor local, a la vez que ahorran espacio de almacenamiento y garantizan velocidades de carga más rápidas. En el servidor sólo se cargan imágenes optimizadas.

Imágenes adaptables

Las imágenes adaptables son imágenes responsivas que tienen el tamaño adecuado para ser visualizadas en diferentes tipos de dispositivos. WP Compress genera y carga estas imágenes en función del dispositivo real en el que se estén visualizando. Esto, combinado con imágenes adaptables y la entrega automatizada en formato webP, es una combinación que resulta en velocidades de carga de imágenes hasta 333 veces más rápidas igual a 7 milisegundos, con efectos especialmente notables en dispositivos móviles.

WebP

Puedes generar imágenes WebP para cada una de las imágenes optimizadas. Simplemente cambia Generar imagen WebP, y se creará y se servirá a los navegadores web que admitan el formato WebP.

Carga diferida

La carga diferida garantiza que solo se carguen las imágenes que estén visibles actualmente en el dispositivo del usuario. Esto ahorra ancho de banda a los usuarios y es uno de los muchos métodos que WP Compress utiliza para servir sitios web a los usuarios a velocidades ultrarrápidas.

Cambio de tamaño automático

Una vez comprimidas las imágenes, estas se redimensionan automáticamente.

Compresión inteligente

El algoritmo de WP Compress está diseñado para evitar la sobrecompresión con el fin de mantener la calidad original de la imagen.

Copias de seguridad ilimitadas en la nube

Las copias de seguridad de las imágenes originales siempre estarán seguras (y son descargadas en la nube para ahorrar espacio en el servidor).

CDN mejor valorada

Los clientes podrán acceder a los sitios web de tus clientes desde cualquier lugar del mundo en cuestión de segundos. Ya sea en Brasil, Oslo, Madrid o Johannesburgo, todos tendrán las mismas velocidades de carga.

Supongamos que tu cliente tiene su sede en Nueva York, y los clientes de este tienen su sede en Río de Janeiro. Sus clientes accederán al contenido del sitio web no desde un servidor en Nueva York, sino desde un servidor en la nube ubicado en su propia ciudad.

Para que esto suceda, WP Compress utiliza una red de entrega de contenido global de gran reputación, lo que significa que se accede a las páginas y a las imágenes desde el servidor en la nube que esté más cerca de la ubicación del cliente.

Características para agencias

Se ha pensado mucho en cómo funciona la gestión de alojamiento o hosting. Y dado que WP Compress está creado pensando en las agencias, viene equipado con herramientas que te permiten administrar fácilmente múltiples sitios web.

Gestión centralizada

Puedes administrar de forma remota todos los sitios web desde un portal central para configurar los ajustes, comprimir por lotes y ver informes.

Cuotas mensuales

La agencia es capaz de asignar cuotas mensuales al sitio web de cada cliente en función de los planes de alojamiento que ya tengan.

Informes con imagen de marca personalizada

Puedes generar y enviar informes detallados para cada cuenta de sitio web, como un informe web, un informe vía correo electrónico o un informe en formato PDF. Además, puedes poner tu propio logotipo en estos informes.

Ocultar de WordPress

Puedes ocultar completamente WP Compress en los sitios web de tus clientes y llevarte tú el crédito de la mejora por los ultrarrápidos tiempos de carga.

Cómo empezar con WP Compress

El uso de WP Compress es totalmente sencillo una vez está configurado. Simplemente tienes que pegar las claves de la API para activarlo, pulsar inicio y la optimización se realizará siempre automáticamente. No necesitas levantar un dedo.

Ahora te mostraré cómo configurar y usar WP Compress.

1. Regístrate para obtener una cuenta WP Compress

Dirígete al portal, regístrate y recibirás un correo electrónico de confirmación. Una vez que hayas confirmado tu correo electrónico, se te pedirá que inicies sesión y serás dirigido a tu panel de control.

The WP Compress dashboard

2. Añade un nuevo sitio web

Haz clic en Añadir un sitio web y serás dirigido a esta pantalla. Debes tener un sitio web de WordPress para poder vincularlo a WP Compress. También debes seleccionar un plan de mantenimiento.

(Ten en cuenta que una cuenta de WordPress.com gratuita no funcionará con WP Compress porque aquel no permite la descarga de plugins.)

WP Compress Select Maintenance Plan

3. Instala el plugin

Haz clic en Descargar plugin para descargar el plugin WP Compress. Dirígete a tu sitio de WordPress y carga e instale el plugin. (Consulta nuestra guía completa sobre la instalación de plugins para obtener ayuda en este paso.) Alternativamente, puedes encontrar e instalar el plugin WP Compress desde el motor de búsqueda de plugins incorporado en tus páginas de administración de WordPress.

4. Obtén tus claves de API

Al hacer clic en Siguiente paso, se te asignarán claves de API. Copia esta clave en tu portapapeles, tras esto tienes que pegarla en la página de administración de WP Compress de tu sitio de WordPress.

Get your WPCompress API keys

5. Conecta tu sitio de WordPress a WP Compress

Ahora puedes vincular el plugin WP Compress de tu sitio de WordPress al portal de administración de WP Compress. Simplemente selecciona WP Compress en el menú de administración y pega las claves de la API para conectarte y, a continuación, presione Iniciar.

WP Compress Activate Start

6. ¡Eso es todo!

A partir de ahora, tus imágenes se optimizarán automáticamente cuando sean visualizadas por los visitantes que entren en tu sitio web y se entregarán a la velocidad del rayo desde una red CDN global.

WP Compress Youre all set

Usar la versión local de WP Compress

Si prefieres utilizar la versión local, que optimiza en tu servidor local, aquí tienes una captura de pantalla que muestra los ajustes de optimización de imagen que puedes elegir:

Image optimization settings

A continuación voy a explicar algunos de ellos.

Nivel de optimización

Al comprimir imágenes, puedes elegir entre tres ajustes de optimización:

  • Sin pérdida: No habrá pérdida de calidad de imagen, sino sólo compresión limitada.
  • Inteligente: Este es el ajuste recomendado, un equilibrio entre calidad y compresión.
  • Ultra: Elige este ajuste si deseas que las imágenes se compriman en tamaños reducidos y no te importa que se de una reducción significativa de la calidad.

Cambiar el tamaño de imagen

Asigna un tamaño máximo para las imágenes. Cualquier imagen con un tamaño superior a este será reducida para encajar.

Modo piloto automático

Si no quieres tener que realizar una compresión manual cada vez que se carguen nuevas imágenes, activa el modo piloto automático y deja que WP Compress se ocupe después de detectar y comprimir esas nuevas imágenes. Sin embargo, si deseas comprimir imágenes manualmente, puedes desactivar el modo de piloto automático y gestionar la compresión de cada imagen de forma individual desde la biblioteca multimedia.

Compressing images from the Media Library

Esto es lo que verás en la biblioteca multimedia cuando las imágenes hayan sido comprimidas correctamente:

Compressed images in the Media Library

Informes de compresión

WP Compress ofrece algunos informes para que sea fácil ver el beneficio que tus clientes están obteniendo de la optimización y la compresión de imágenes. Echemos un vistazo al informe a continuación.

WPCompress report

Esto muestra que WP Compress está logrando una alta tasa de compresión, reduciendo las imágenes en aproximadamente un 10% de su tamaño original.

Nota: Tienes la opción de elegir la entrega del contenido de tu sitio web desde una red CDN.

Informes para clientes

Como agencia, puedes generar y enviar detallados informes para cada cuenta de sitio web. Puede ser un informe web, un informe de correo electrónico o un informe PDF. Además, puedes poner tu propio logotipo en el informe.

Send a monthly email report to clients

Conclusión y próximos pasos

Después de probar WP Compress, puedo concluir que cumple sus promesas. Es muy fácil de instalar y de usar. Una vez que lo instalé, todo se hizo de forma automática y sin esfuerzo.

Para la versión en tiempo real, creé un sitio web y lo cargué con imágenes. Redujo significativamente mis archivos de imagen hasta el 10% de sus tamaños originales. ¡Eso es una gran pérdida sobre el peso total del sitio web! Además las imágenes mantuvieron su calidad original.

Lo mismo se aplica a la versión local. Sigues ahorrando más de un 75% de espacio en disco en tu servidor local, y la nueva ligereza de tus páginas hará que se carguen hasta 4 veces más rápido.

Recomiendo altamente las características del plan para agencias como las cuotas mensuales ya que se adaptan a los planes de mantenimiento de los sitios web de los clientes. No es necesario que te replantees la forma en la que estructuras tus servicios.

Por último, debes considerar la posibilidad de añadir WP Compress al paquete de servicios que ofreces a tus clientes.

Puedes obtener más información sobre WP Compress en el sitio web del plugin

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.