Revisión de Quicq: Optimización de la imagen de WordPress en tiempo real

¿Sabía que, en promedio, las imágenes representan aproximadamente la mitad del tamaño de la página web mediana? Esto significa que si está utilizando imágenes no optimizadas, esas imágenes podrían tener un gran efecto negativo en los tiempos de carga de su sitio web es un servicio de Afosto que le permite optimizar completamente las imágenes de su sitio. Y transmitirlas desde una red de entrega de contenido (CDN) alimentado por Google Cloud. Más allá del rendimiento, también puede usarlo para manipular fácilmente imágenes, como cortar, agregar marcas de agua y más.
Funciona con WordPress a través de un complemento de integración dedicado, así como otras plataformas como Magento y Prestashop. En nuestra revisión de la práctica de Quicq, le mostraremos cómo funciona Quicq y cómo puede usarla para optimizar las imágenes de su sitio de WordPress. Penetamos …

Revisión de Quicq: lo que hace el complemento en un alto nivel, Quicq se centra en proporcionar una solución completa para optimizar la imagen de WordPress. Es prácticamente una herramienta plug-and-play que le permite beneficiarse de todas las tácticas de optimización de imágenes importantes más sobre las siguientes.
Hay dos tácticas “principales” en las que la mayoría de las personas piensan cuando se trata de optimización de imágenes:
La resolución de retención de la imagen del tamaño real de la imagen para que coincida con la forma en que la usará en su sitio. Las dimensiones más pequeñas significan menos datos, lo que significa una dimensión de imagen más pequeña.
Compresión-uso de un algoritmo de compresión para reducir el tamaño del archivo de imagen sin cambiar sus dimensiones, ya sea por un algoritmo sin pérdidas (sin cambio de calidad) o mediante un algoritmo de pérdida (tal vez una pequeña reducción de calidad). Sin duda implementa estas tácticas para estas tácticas para Usted, pero también es uno de los nuevos tipos de complementos de optimización de imágenes, que solo excede las imágenes estáticas.
En cambio, sirve automáticamente las imágenes de su CDN de Google Cloud y luego las optimiza en tiempo real para los visitantes. Tan pronto como active Quicq en su sitio, optimizará automáticamente todas sus imágenes con las siguientes optimizaciones:
Servirlos a través de Quicq CDN, que es alimentado por Google Cloud. Esto permite a los visitantes descargar las imágenes de la ubicación CDN más cercana a ellas.
Cambiarlos al tamaño óptimo de acuerdo con el dispositivo de cada visitante.
Comprimirlos para reducir el tamaño de su archivo.
Convíquelos en un formato de imagen optimizado que ofrezca dimensiones más pequeñas que JPEG y PNG. Quicq acepta WebP y AVIF, un formato de imagen más nuevo que puede proporcionar archivos con dimensiones más pequeñas que WebP. El soporte AVIF es notable, porque no todos los servicios aún aceptan este nuevo formato de imagen.
Todos estos cambios llevarán al tiempo a cargar la imagen mucho más rápido (y, en consecuencia, a cargar el sitio web).
¿Por qué utilizar la optimización de imágenes dinámicas en tiempo real?
Como se mencionó anteriormente, Quicq utiliza un enfoque de optimización dinámica que optimiza las imágenes de tiempo real. Es decir, en lugar de optimizar la versión original de la imagen en el servidor de su sitio de WordPress como un complemento de optimización tradicional, Quicq no alcanza la imagen original, pero realiza sus operaciones en “Cloud”. Hay algunas ventajas de este enfoque de optimización dinámica. Lo más importante es que puede asegurarse de que cada visitante vea una imagen optimizada basada en las dimensiones reales del dispositivo. Por ejemplo, si un visitante navega en un teléfono inteligente de baja resolución, puede transmitir una pequeña imagen sin afectar su experiencia. Pero si un visitante que navega por una pantalla enorme 4K, su sitio puede servir una versión de imagen más grande para asegurarse de que tenga una excelente experiencia de usuario. Debido a que Quicq utiliza un enfoque dinámico, optimización sobre la marcha, puede proporcionar el tamaño y el formato de imagen óptimos para cada usuario. Este enfoque dinámico también es muy útil si desea manejar sus imágenes, ya que puede hacer cambios en la imagen sin tener que editar el archivo de imagen original o cargar una nueva versión de la imagen.

Por ejemplo, solo manipulando la URL de una imagen, puede realizar las siguientes manipulaciones:
Corta la imagen de diferentes maneras.
Agregue una marca de agua.
Desduza la imagen.
Cambie el tamaño de la imagen.
Ajuste la calidad de la imagen. Por ejemplo, es posible que desee utilizar una imagen de alta resolución, sin comprimir en ciertos lugares. Puedes hacer esto fácilmente.
Use otro formato de imagen. Por ejemplo, WebP o AVIF.
Con Quicq, todo lo que haces es subir la imagen original una vez. Luego, puede realizar todas estas manipulaciones agregando algunos parámetros de consulta adicionales a la URL. Por ejemplo, aquí está el enlace a la imagen original: https://cdn.quicq.io/wpmayor/2022/01/pexelselnrea–rea- Piacquadio-837358. jpg y aquí hay un enlace que corta la imagen en un cuadrado de 1,000 × 1,000: https://cdn.quicq.io/wpmayor/2022/01/pexels-nrea-piacquadio-8337358.jpg?w=== 1000 y h = 1000 y c = 1 Te mostraré algunos ejemplos reales en la siguiente sección. Básicamente con Quicq: Cómo optimizar las imágenes de WordPress ahora que sabe lo que está haciendo Quicq, para practicar y le mostraré cómo trabajar en WordPress. Nuevamente, no se limita a WordPress, pero ofrece un complemento dedicado de WordPress que hace que sea muy fácil de usar con su sitio de WordPress.
1. Regístrese para que se inicie una cuenta de Quicq gratuita, deberá registrarse para obtener una cuenta de Quicq/Afostto gratuita. Continuaré hablando de precios, pero hay un plan generoso para siempre y también recibirá un período de prueba gratuito ilimitado (sin requerido la tarjeta de crédito). Después de registrarse para su cuenta, haga clic en el botón Inicie el intento gratuito junto a Quicq en el tablero de Afosto:
2. Cree un CDN de Quicq, entonces debe crear un CDN Quicq, que es esencialmente lo que servirá y optimizará las imágenes para su sitio.
Una vez que inicie la versión de prueba de Quicq, una tarea para hacer esto debería aparecer automáticamente en la lista de actividades de la placa Afosto principal. Si no lo ve, puede acceder a esta interfaz haciendo clic en el icono de la rueda junto a Quicq:
Primero, deberá ingresar la URL que desea usar para su CDN Quicq. Sus imágenes se cargarán desde esta URL, por lo que querrá hacerlas sobre su sitio web. Por ejemplo, si creara uno para el alcalde de WP, haría la URL WPMayor. Luego ingrese la URL directa de una imagen existente en su sitio y haga clic en Validar el sitio web: Quicq debe detectar automáticamente que use WordPress y generar el camino a sus imágenes, que debería ser la carpeta de las cargas de la carpeta WP-Content. También tiene la opción de expandir la configuración avanzada, que le permite controlar el comportamiento de la memoria caché para sus imágenes. El valor predeterminado es de 365 días, lo que debería estar bien. Pero puedes cambiar esto si quieres. Para completar las cosas, haga clic en el botón Agregar:

3. Instale el complemento Quicq y agregue la URL después de haber creado su cuenta y configurar su CDN, puede instalar el complemento Quicq gratuito en wordpress.org, esto le permitirá integrar su sitio. WordPress con la imagen CDN que acaba de crear.
Después de activar el complemento, vaya al nuevo área de Quicq desde el tablero de WordPress y agregue la tecla URL que ingresó en el proceso de configuración. Es decir, la parte de la URL CDN que podría personalizar. Por ejemplo, este es WPMayor. Luego seleccione el conmutador QUICQ activo y luego guarde los cambios para activarlo:

¡Y eso es! Su sitio web de WordPress ahora debe comenzar a cargar sus imágenes a través de Quicq CDN, que incluye la optimización de imágenes en tiempo real. Una cosa menor que notaría aquí es que no creo que el área del complemento Quicq debería ser un área de menú de nivel superior en el tablero de WordPress. Debido a que es solo un proceso de configuración una vez, creo que sería mejor moverlo a un submenú, como Configuración → Quicq, para ayudar a los usuarios a tener un área de administración más limpia. 4. Maneje las imágenes con parámetros de URL (cuando sea necesario) para la mayoría de los sitios de WordPress, no debe hacer nada más para tener imágenes optimizadas. En este momento, Quicq ya realiza automáticamente las siguientes optimizaciones: compresión/cambio de tamaño de imágenes de una manera óptima dependiendo del dispositivo de cada usuario.

Conversión de imágenes en formato WebP o AVIF, dependiendo de lo que funcione mejor.

Servir imágenes a través de Google Cloud CDN de Quicq.

Sin embargo, como mencioné anteriormente, una de las cosas interesantes sobre el enfoque real de Quicq es que solo puede manejar sus imágenes agregando parámetros de consulta a la URL. Puede consultar la página de documentación aquí para un aspecto detallado, pero superemos algunos ejemplos rápidos sobre cómo funciona esto. Supongamos que tiene una imagen amplia que usa en un lado de su sitio ahora, desea usar la misma imagen, pero córtela en una imagen cuadrada. Sin Quicq, debe abrir su herramienta de edición de imágenes favorita, cortar la imagen y luego cargar una nueva copia de la imagen de corte para usarla. Con el procesamiento de imágenes de tiempo real de Quicq, solo puede cortar agregando un parámetro URL (y sin afectar la imagen original). Aquí está la imagen y la URL originales: y luego así es como se ve la imagen cuando se corta a un cuadrado de 1000 × 1000 PX, agregando este parámetro de URL-? W = 1000 y h = 1000 y c = 1:

Aquí hay otro ejemplo … suponga que desea dar un paso más y difuminar la imagen, además de cortarla en un cuadrado. Todo lo que tiene que hacer es agregar el parámetro de rubor y establecer cuánta falta de claridad desea usar (de 0 a 3) y su imagen no estará clara:
Los precios de Quicq Quicq tienen un plan gratuito para siempre y luego pagan planes para los usuarios que necesitan más funciones.El plan gratuito le permite optimizar hasta 100,000 imágenes por mes* y prever 25 GB de ancho de CDN por mes para siempre, lo que debería ser más que suficiente para un sitio pequeño.Por ejemplo, si tiene un folleto/cartera básica o un pequeño blog, no creo que alguna vez lo supere.*Recuerde, las optimizaciones de la imagen tienen lugar dinámicamente, en lugar de una vez, como un complemento tradicional, por lo que una imagen importa como una optimización cada vez que se carga.Si necesita los planes pagados, se le factura sobre la base de dos valores: Optimizaciones: el número de optimizaciones de imágenes que tiene por mes.
Transferencia de datos: la cantidad de ancho de banda que consume las imágenes cuando se transmiten a través de CDN.
Esta estrategia de facturación es un poco más compleja que algunos otros complementos de optimización de imágenes en tiempo real, que generalmente solo se facturan de acuerdo con la cantidad de visitas que su sitio tiene por mes. Sin embargo, de hecho, me gusta más este modelo de facturación, porque creo que es una forma de facturación más correcta, incluso si es difícil estimar el uso. Con este enfoque, solo se le facturará sobre la base del uso real, lo que probablemente lo ayudará a ahorrar dinero. Para averiguar qué pagará, puede usar la computadora en la página de precios. Si no está seguro de usar su sitio, solo puede usar el nivel gratuito para comenzar o hay una prueba gratuita de 14 días con planes de uso más alto, lo que debería darle una buena comprensión de cómo usar su sitio: si lo necesita. Planes premium, puede obtener un descuento del 20% en los primeros dos meses en todos los paquetes con nuestro código de cupón exclusivo:
Descuento 20

Quitq

Obtenga un descuento del 20% en los primeros dos meses en todos los paquetes de Quicqshow más

Obtenga un descuento del 20% en los primeros dos meses en todos los paquetes de Quicq Show menos
Wpmayor20
Obtenga esta oferta
Pensamientos finales sobre Quicq En general, sé que muchos sitios van a este enfoque de optimización de imágenes en tiempo real. Creo que este enfoque tiene mucho que ofrecer debido a la flexibilidad que le ofrece en términos de manejo de las imágenes y asegurarse de que cada visitante vea una imagen optimizada para su situación única. Quicq no es el primer complemento que trae esto en WordPress, pero tiene algunas cosas que hacer:

Tiene un nivel libre muy generoso. Tiene el nivel gratuito más alto que he visto. Me gusta su modelo de precio para opciones premium, porque solo paga según el uso real. Aunque hace que los precios sean un poco más complicados, creo que es una forma “más correcta” de la factura. Además, siempre puede usar el período de prueba ilimitado de 14 días para averiguar cuál es el uso real de su sitio si no está seguro de lo que pagará.
Todavía le permite realizar otras manipulaciones de imágenes, como cortar, desenfocar, etc. La mayoría de los otros complementos de WordPress se centran solo en el rendimiento o solo le brindan acceso a la marca de agua, por lo que es genial que Quicq vaya más allá de eso. La mayoría de los usuarios ocasionales probablemente no los usarán, pero es agradable para usuarios y desarrolladores avanzados.

Si desea probarlo, Quicq tiene un plan generoso para siempre gratis, así como un período de prueba gratuito ilimitado para ayudarlo a ver el uso. Puede hacer clic en los botones a continuación para comenzar:
Sitio web de Quicq
Página de WordPress.org