ShortPixel Adaptive Images – WebP, AVIF, CDN, optimización de imágenes

Descripción

Un plugin fácil de usar que te permite resolver cualquier problema con las imágenes y mejorar las Core Web Vitals de tu web en un minuto.

Imagínate que pudieras arreglar todos los problemas relacionados con las imágenes de tu web y aumentar la velocidad y el rendimiento de la página con un simple clic, ¿no sería fantástico?
Por lo general, las imágenes son el mayor recurso en una página web. Con solo un clic, ShortPixel Adaptive Images reemplaza todas las imágenes de tu web con imágenes del tamaño adecuado, recortadas inteligentemente y optimizadas, y las sube a la CDN global de ShortPixel.
¡Y para que Google te quiera aún más, el plugin sirve imágenes WebP o AVIF de próxima generación a los navegadores adecuados de forma automática y mágica! 🙂

Usar ShortPixel Adaptive Images también ayuda con los Largest Contentful Paint (LCP), First Input Delay (FID) y Cumulative Layout Shift (CLS) de Core Web Vitals (CWV).
Este es un factor de SEO importante que Google utiliza para calificar las páginas. Cuanto más pequeños sean los valores de CWV, mejor para tu web.

¿Necesito este plugin?

Si tienes una web WordPress con imágenes, ¡lo más probable es que la respuesta sea sí!
¿Alguna vez has puesto a prueba tu web con herramientas como PageSpeed Insights o GTmetrix y has recibido mensajes de que las imágenes no tienen el tamaño adecuado o son demasiado grandes? ¿O que deberías usar imágenes de «próxima generación» como WebP o AVIF? ¿O que la web debería «posponer la carga de imágenes que no aparecen en pantalla»?
ShortPixel Adaptive Images viene al rescate y resuelve los problemas con las imágenes en tu web al instante.
Además de las imágenes, los archivos CSS, JS y de fuentes también se minimizan y entregan desde nuestra CDN global.

¿Qué beneficios tiene?

¿Qué características tiene?

  • ¡Nuevo! Ahora puedes establecer tu dominio personalizado para servir imágenes o archivos JSS/CSS, p. ej. cdn.ejemplo.com. Lee más aquí.
  • nuevo y ligero motor de imágenes adaptativas en JavaScript puro (ya no se requiere jQuery)
  • la misma calidad visual, pero con imágenes más pequeñas gracias a los algoritmos de ShortPixel
  • recorte inteligente – ver un ejemplo
  • sirve solo imágenes de tamaño apropiado, dependiendo de la ventana del visitante
  • compatible con carga diferida con umbral ajustable; compatible también con la carga diferida nativa del navegador
  • sirve automáticamente imágenes WebP y AVIF a los navegadores que admiten este formato. ¡Los GIFs animados también son compatibles y se pueden convertir a WebP animado y AVIF animado!
  • almacenamiento en caché y servicio desde una CDN global para imágenes, así como CSS, JS y fuentes
  • los archivos CSS/JS son minimizados automáticamente
  • todas las principales galerías de imágenes, carrusels y maquetadores de páginas son compatibles
  • asistente de puesta en marcha que incluye una herramienta que sugiere la mejor configuración para cada web
  • compatible con marcadores de posición de imagen de baja calidad (LQIP)
  • compatibilidad para JPEG, PNG, GIF, TIFF y BMP
  • no es necesario un plugin por separado que convierta las imágenes a AVIF o WebP, las imágenes originales se convierten automáticamente a WebP o AVIF
  • puntos de ruptura de tamaño ajustables al redimensionar las imágenes.
  • posibilidad de desactivar la funcionalidad del plugin para usuarios que hayan iniciado sesión
  • múltiples tipos de exclusiones disponibles, incluida una herramienta avanzada de comprobación de imágenes
  • ajustes con modo fácil y avanzado con una variedad de ajustes para una mayor flexibilidad de la funcionalidad del plugin

¿Necesito una cuenta para probar este plugin?

No, simplemente instálalo y actívalo en tu web WordPress. Recibirás automáticamente 500 MB de tráfico de CDN cada mes. ¡Eso es alrededor de 500 visitas/mes!

¿Cuánto cuesta?

Al usar ShortPixel Adaptive Images, solo se cuenta tráfico de CDN si eliges usar nuestra CDN. Con el plan gratuito, obtienes 100 créditos para la optimización de imágenes, lo que equivale a 500 MB de tráfico de CDN o unas 500 visitas/mes. Los planes de pago comienzan a partir de $4.99 y están disponibles en planes de un solo uso y de pago.
Aún mejor, si ya usas ShortPixel Image Optimizer, ¡puedes usar los mismos créditos con ShortPixel Adaptive Images!

¿Cómo funciona?

Diferentes visitantes tienen diferentes dispositivos (portátil, móvil, tablet), cada uno con su propia resolución de pantalla. ShortPixel AI tiene en cuenta la resolución del dispositivo y proporciona el tamaño de imagen correcto para cada marcador de posición.
Tomemos una página web con una sola imagen de 640×480 píxeles.
Cuando se ve desde un portátil, la imagen conserva su tamaño de 640 × 480 píxeles, pero está optimizada y se sirve desde nuestra CDN.
Cuando la misma página web se ve desde un móvil, la imagen (por ejemplo) se redimensiona a 300×225 píxeles, se optimiza y se sirve a través de nuestra CDN.
De esta manera, no se desperdicia tiempo ni ancho de banda para los visitantes.

Otros plugins de ShortPixel:

¡Contáctanos!

Comandos de WP CLI

Usa los siguientes comandos de WP CLI para vaciar la caché de CSS y los marcadores de posición de imágenes de baja calidad (LQIP):
wp shortpixel clear_css
wp shortpixel clear_lqips

Para desarrolladores

Si hay imágenes principales en la biblioteca de medios que acaban con el sufijo de tamaño de miniatura normal, (p. ej. -100×100), por favor, añade esto en wp-config.php:

define('SPAI_FILENAME_RESOLUTION_UNSAFE', true);

Si necesitas realizar un post-procesamiento en JavaScript después de que ShortPixel AI actualice la imagen/etiqueta, puedes añadir un callback así:

jQuery( document ).ready(function() {
    ShortPixelAI.registerCallback('element-updated', function(elm){
        // elm is the jQuery object, elm[0] is the tag
        console.log("element updated: " + elm.prop('nodeName'));
        });
});

Para cambiar la URL original de la imagen, que es detectada por ShortPixel, usa este filtro que recibe la URL original:

add_filter('shortpixel/ai/originalUrl', 'my_function');

A veces, cuando la opción de recortar las imágenes está activa, SPAI cree que no es seguro recortar una imagen, pero quieres recortarla de todos modos. Añade este atributo para forzar el recorte, por favor:

<img data-spai-crop="true" ....

ShortPixel Adaptive Images dispara un evento de JS después del procesamiento inicial de la página HTML en el navegador: spai-body-handled, un evento después de cada mutación DOM procesada cuando al menos una URL ha sido reemplazada: spai-block-handled, y un evento después de que la URL de cada elemento se actualiza diferidamente (al entrar en la ventana): spai-element-handled

Para excluir ciertas imágenes, también puedes añadir los siguientes atributos dentro de la etiqueta ‘IMG’ al marcado:

    <img data-spai-excluded="true" ...> --> this will completely exclude from processing the image which has this attribute;
    <img data-spai-eager="true" ...> --> this will exclude the image from being lazy-loaded by the plugin;
    <img data-spai-noresize="true" ...> --> this will prevent the image from being resized by the plugin.

Para añadir reglas de reemplazo personalizadas, usa:

add_filter('shortpixel/ai/customRules', 'my_function');

A la función se le pasa un array, y debe añadir a ese array elementos con la siguiente estructura: [‘tagName’, ‘attrToBeChecked’, ‘classFilter’, ‘attributeFilter’, false(reserved), ‘attributeValueFilter’, isEager(bool)]. A partir de la versión 3.0, también puedes añadir instancias de ShortPixel\AI\TagRule, algo así.
Ejemplo real de atributos de imagen personalizados, un srcset personalizado y un atributo de datos JSON personalizado:

add_filter('shortpixel/ai/customRules', 'spai_to_iconic');
function spai_to_iconic($regexItems) {
    //lazy-loaded data-iconic-woothumbs-src attribute
    $regexItems[] = new ShortPixel\AI\TagRule('img', 'data-iconic-woothumbs-src');
    //eager attribute
    $regexItems[] = new ShortPixel\AI\TagRule('img', 'data-large_image', false, false, false, false, true);
    //lazy srcset style attribute.
    $regexItems[] = new ShortPixel\AI\TagRule('img', 'srcset', false, false, false, false, false,
                    'srcset', 'replace_custom_srcset');
    $regexItems[] = new ShortPixel\AI\TagRule('div', 'data-default', 'iconic-woothumbs-all-images-wrap', false, false, false, false,
                        'srcset', 'replace_custom_json_attr');
    return $regexItems;
}

Los parámetros de la regla son, en este orden:
* tagName – el nombre de la etiqueta
* atributo a reemplazar
* classFilter – solo elementos que tengan la clase, por defecto false
* attrFilter – solo elementos que tengan el atributo, por defecto false
* attrValFilter solo elementos que tengan el atributo con el valor especificado, por defecto false
* mergeAttr – uso avanzado (ver código), por defecto false
* eager – si es true la imagen se reemplazado en el lado del servidor, si no, se carga diferidamente
* type – uso avanzado (ver código), por defecto es ‘url’, tambíen puede ser ‘srcset’ si tiene una estructura srcset
* callback – uso avanzado (ver código), por defecto false. Tiene que ser ‘replace_custom_srcset’ si el tipo es srcset
* quickMatch – uso avanzado (ver código), por defecto falso
* frontEager – uso avanzado (ver código), por defecto falso

De la misma manera, si necesitas que una regla se aplique solo en la portada (JavaScript), puedes usar el siguiente filtro:

add_filter('shortpixel/ai/customFrontendRules', 'my_function');

Esta regla solo la aplicará el nuevo motor de JS (por lo que debes tener la opción activada) y es útil si tienes contenido que se procesa mediante JavaScript y necesitas que se realice el reemplazo después de que se procese el contenido.

Capturas

  • Sitio de ejemplo en PageSpeed Insights, antes: Low (baja)

  • Sitio de ejemplo en PageSpeed Insights, después: Good (buena)

  • Sitio de ejemplo en GTmetrix, antes: puntuación F

  • Sitio de ejemplo en GTmetrix, después: puntuación B

  • Página de ajustes principales

  • Página de ajustes avanzados

FAQ

¿Qué pasa cuando se supera la cuota?

En tu escritorio de WP se te avisará cuando tu cuota esté a punto de agotarse y también cuando se haya acabado. Cuando se agote la cuota, el plugin simplemente servirá las imágenes originales desde tu servidor, sin comprimir ni cambiar el tamaño, hasta que se restablezca la cuota.

¿Qué red de distribución de contenidos (CDN) usáis?

ShortPixel Adaptive Images usa bunny.net para descargar las imágenes – una CDN global con aproximadamente 90 puntos de presencia en todo el mundo.
Tanto los planes gratuitos como los de pago utilizan la misma CDN con la misma cantidad de ubicaciones.
Puedes comprobar por ti mismo cómo la CDN de bunny.net se compara con otros proveedores de CDN – aquí (en todo el mundo) y aquí (América del Norte).

¿Puedo usar una CDN diferente?

Claro. Aquí tienes cómo configurarlo con Cloudflare y aquí cómo configurarlo con STACKPATH. Ten en cuenta que si utilizas otra CDN en lugar de tráfico de CDN, se usarán créditos de imagen.
Si necesitas más ayuda, por favor, contáctanos.

¿Qué pasa si desactivo el plugin?

Puedes dejar de usar SPAI cuando quieras, pero eso significa que tu web se volverá más lenta de repente.
Básicamente, tu web volverá a las imágenes originales, sin optimizar, servidas desde tu servidor.

¿Hay diferentes niveles de optimización de imagen disponibles?

Sí, puedes comprimir imágenes con pérdida, glossy o sin pérdida.
Puedes encontrar más información sobre cada nivel de optimización aquí o puedes hacer algunas pruebas gratis de optimización de imágenes aquí.

Ya utilizo ShortPixel Image Optimizer, ¿también puedo utilizar esto?

¡Desde luego!

¿Qué diferencia hay entre este plugin y ShortPixel Image Optimizer?

Puedes ver aquí las diferencias entre los dos servicios.

¿Dónde puedo optimizar mis imágenes? No hay nada en mi panel de administración.

SPAI funciona de manera diferente a un optimizador de imágenes normal. Esto es lo que hace.

¿Cómo puedo asegurarme de que el plugin funciona bien?

Tienes más información acerca de esto aquí.

Quiero usar el plugin, ¿qué tengo que hacer?

Puedes encontrar instrucciones exactas aquí.

Mis imágenes se redireccionan desde cdn.shortpixel.ai, ¿por qué?

Echa un vistazo a este artículo.

SPAI no funciona bien, tengo problemas.

Por favor, comprueba las siguientes cosas:
1) Asegúrate de que tu dominio esté asociado a tu cuenta;
2) Asegúrate de tener suficientes créditos disponibles en tu cuenta;
3) Echa un vistazo a este artículo;
4) Echa un vistazo a nuestra documentación.

Si nada parece funcionar, por favor, contáctanos.

Reseñas

21 de marzo de 2024 1 respuesta
Hi, I'm trying to remove Short Pixel Adaptive Images from my site. I found a guide on removing image optimizer. But I couldn't find one on Adaptive Images. What's the process to remove all the data?
10 de diciembre de 2023 1 respuesta
Had an issue with some images in a slider not being served over the CDN. Very helpful support going way beyond just pointing out basics and articles to read.
4 de diciembre de 2023 1 respuesta
I moved from SP Image Optimizer to SP Adaptive Images. SP support explained the differences between the two, pointed out potential problems for my setup, then quickly helped resolve an unanticipated issue. The plugin works well, and is really a radical shift away from image compression. It's a game changer for photography sites. Thank you!
26 de octubre de 2023 1 respuesta
Excellent support. I had a couple questions about the functionality of the app after installation and Short Pixel answered all my questions quickly and expertly. This is the type of support I like!
Leer todas las 133 reseñas

Colaboradores y desarrolladores

«ShortPixel Adaptive Images – WebP, AVIF, CDN, optimización de imágenes» es un software de código abierto. Las siguientes personas han colaborado con este plugin.

Colaboradores

«ShortPixel Adaptive Images – WebP, AVIF, CDN, optimización de imágenes» está traducido en 3 idiomas. Gracias a los traductores por sus contribuciones.

Traduce «ShortPixel Adaptive Images – WebP, AVIF, CDN, optimización de imágenes» a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios

3.8.2

Release date: December 22, 2023
* Tweak: When available, retina images (with @2x in the filename) are now used when appropriate;
* Fix: Some PHP warnings were displayed on the plugin settings page in some cases;
* Fix: Eliminating exclusions with the Image Checker Tool did not work properly;
* Language: 0 new strings added, 0 updated, 0 fuzzed, and 0 deprecated.

3.8.1

Release date: December 7, 2023
* Fix: Display a notice if the CURL requests are timing out;
* Fix: The robot head was not displayed correctly for all notifications;
* Fix: Some warnings were displayed if the settings were not yet saved during the initial installation;
* Fix: Image detection was improved in some cases when the URLs contained unprocessable file extensions;
* Fix: The «Re-check» action for low credits notifications did not work correctly in all situations;
* Fix: The link «Refresh on CDN» no longer worked via the Image Checker Tool;
* Language: 2 new strings added, 0 updated, 0 fuzzed, and 0 deprecated.

3.8.0

Fecha de lanzamiento: 7 de agosto de 2023
* Nuevo: Elimina el /http(s):// dentro de la URL de la CDN, usa https por defecto para las URLs originales y utiliza un parámetro para especificar http;
* Corrección: Ahora se gestionan correctamente los fondos de las reglas CSS de *mask-image;
* Corrección: No se utilizan datos de postmeta para los LQIPs cuando la opción está desactivada;
* Corrección: Añadida exclusión automática de las imágenes de productos de WooCommerce para evitar problemas con la visualización de imágenes ampliadas;
* Corrección: Actualizaciones menores en la redacción del plugin;
* Idioma: 0 cadenas nuevas añadidas, 1 actualizada, 0 confusas y 0 obsoletas.

3.7.3

Fecha de lanzamiento: 30 de mayo de 2023
* Corrección: correcta gestión de las imágenes de fondo definidas con el atributo -webkit-image-set;
* Corrección: correcta gestión de todos los casos con bloques <script type='text/template'>;
* Corrección: nuevo motor AI: corrección de algunos fondos que faltaban causados por contenido CSS inaccesible (bloqueado por CORS) desde JS;
* Idioma: 0 nuevas cadenas añadidas, 0 actualizadas, 0 confusas y 0 obsoletas.

3.7.2

Fecha de lanzamiento: 8 de mayo de 2023
* Corrección: la comprobación de nonce de WordPress se ha añadido a todas las llamadas de Ajax para aumentar la seguridad;
* Corrección: si el asistente de puesta en marcha aún no se completó, la herramienta de comprobación de imágenes no funcionaba en la vista pública;
* Corrección: en algunos casos, el plugin no gestionaba correctamente los parámetros srcset y data-srcset;
* Idioma: 1 nueva cadena añadida, 0 actualizadas, 0 confusas y 0 obsoletas.

3.7.1

Fecha de lanzamiento: 21 de abril de 2023
* Retoque: añadida información acerca de dominios de CDN personalizados en los ajustes, que ahora se puede activar desde el escritorio de la cuenta de ShortPixel;
* Idioma: 0 nuevas cadenas añadidas, 1 actualizada, 0 confusas y 0 obsoletas.

3.7.0

Fecha de lanzamiento: 17 de abril de 2023
* Nuevo: La CDN ahora espera a que se analicen los archivos CSS y JS para evitar problemas de CORS debido a redireccionamientos;
* Nuevo: Se ha añadido una herramienta inteligente para recomendar el mejor plan cuando se agota el tráfico;
* Nuevo: Se han añadido reglas solo para la vista pública con el nuevo motor AI, usando el filtro shortpixel/ai/customFrontendRules;
* Nuevo: Añadido un aviso para cuando hay una redirección al origen;
* Corrección: Añadida una opción de descarte permanente al aviso de carga diferida;
* Corrección: Algunas opciones en los ajustes no se guardaban correctamente;
* Corrección: Cuando data-spai-eager estaba presente, el srcset era idéntico para todas las resoluciones;
* Corrección: En algunos casos, el elemento <input> se analizaba incorrectamente;
* Corrección: En algunos casos, la opción de «tamaños de postmeta» no se tenía en cuenta al analizar archivos CSS;
* Corrección: La incompatibilidad con los botones de variación de WooCommerce está ahora corregida;
* Compat: Añadida integración con el plugin Featherlight;
* Compat: Añadida integración con Lightbox Photoswipe;
* Compat: Mejorada la compatibilidad con PHP 8.1 and 8.2;
* Idioma: 6 nuevas cadenas añadidas, 1 actualizada, 0 confusas y 0 obsoletas.

3.6.3

Fecha de lanzamiento: 3 de febrero de 2023
* Corrección: aún más fortalecimiento de la seguridad para el parámetro de depuración utilizado para el nuevo motor de AI;
* Idioma: 0 nuevas cadenas añadidas, 0 actualizadas, 0 confusas y 0 obsoletas.

3.6.2

Fecha de lanzamiento: 29 de enero de 2023
* Corrección: posible inyección XSS a través del parámetro de depuración para el nuevo motor de AI;
* Corrección: nuevo motor de AI: reducido al mínimo la cantidad de imágenes cargadas en una página de producto de WooCommerce;
* Compat: mejorada la integración con la caja de luz de la galería de Avia;
* Idioma: 0 nuevas cadenas añadidas, 0 actualizadas, 0 confusas y 0 obsoletas.

3.6.1

Fecha de lanzamiento: 28 de diciembre de 2022
* Compat: añadida compatibilidad con el módulo de Avia Gallery;
* Corrección: reemplaza marcadores CDATA como comentarios de línea con comentarios de bloque que permiten minimización de JS;
* Corrección: en algunos casos no se mostraban las imágenes de fondo de los carruseles;
* Nuevo: nuevo motor AI: activa eventos al reemplazar imágenes;
* Corrección: nuevo motor AI: gestión correcta de pseudo-selectores con imágenes de fondo degradadas;
* Idioma: 0 nuevas cadenas añadidas, 0 actualizadas, 0 confusas y 0 obsoletas.

3.6.0

Fecha de lanzamiento: 21 de diciembre de 2022
* Nuevo: Nuevo motor AI: se usan ahora atributos de datos en lugar de clases para evitar posibles conflictos con otros plugins;
* Nuevo: Nuevo motor AI: añadida la opción de realizar un análisis inicial síncrono para evitar conflictos con el contenido dinámico procesado por JS;
* Compat: Añadido el parámetro de consulta SPAIOpt=off para desactivar solo SPAI y no otros plugins;
* Corrección: excepción añadida cuando la ventana gráfica de datos de fondo no está definida;
* Idioma: 2 nuevas cadenas añadidas, 0 actualizadas, 0 confusas y 0 obsoletas.

3.5.5

Fecha de lanzamiento: 18 de noviembre de 2022
* Compat: Los widgets de galería/carrusel de Elementor, que tienen un efecto de caja de luz, ahora funcionan correctamente;
* Idioma: 0 nuevas cadenas añadidas, 0 actualizadas, 0 confusas y 0 obsoletas.

3.5.4

Fecha de lanzamiento: 7 de noviembre de 2022
* Corrección: en ciertas situaciones no se añadía la etiqueta noscript;
* Compat: añadido otro atributo de carga diferida gestionado por el plugin: data-lazy;
* Retoque: actualizaciones menores en el diseño de los ajustes para nuevos planes que se presentarán pronto;
* Idioma: 1 nueva cadena añadida, 1 actualizada, 0 confusas y 0 obsoletas.

3.5.3

Fecha de lanzamiento: 20 de octubre de 2022
* Corrección: aparecía un error en PHP 8 al intentar usar la misma clave de API que tenía SPIO;
* Corrección: en algunos casos específicos, el asistente de puesta en marcha no funcionaba completamente en PHP 5.6;
* Corrección: varios cambios y correcciones de CSS en la página de ajustes;
* Retoque: las reglas de CSS de content: url() ahora se analizan y reemplazan;
* Retoque: actualizados los enlaces de acceso en el escritorio de ShortPixel para que funcionen con la nueva web;
* Corrección: nuevo motor AI: se activaba en algunas circunstancias una recursión inifinita en mutationCallback;
* Corrección: nuevo motor AI: las URL relativas dentro de las hojas de estilo se resolvían a la URL de la hoja de estilo y no a la de la página;
* Corrección: nuevo motor AI: añadida una comprobación de exclusiones en replaceBackgroundPseudoSrcs;
* Idioma: 0 nuevas cadenas añadidas, 0 actualizadas, 0 confusas y 0 obsoletas.

3.5.2

Fecha de lanzamiento: 21 de septiembre de 2022
* Corrección: cuando se añadían más fuentes desde CSS integrado, solo la primera fuente se reemplazaba correctamente;
* Corrección: eliminada la solicitud duplicada al sitio que se realizaba para los visitantes conectados;
* Corrección: varias correcciones pequeñas de CSS y limpieza de código;
* Retoque: los botones de importación/exportación ahora se ocultan en móviles y pantallas pequeñas;
* Compat: excluido el feed de Instagram añadido con Essential Grid;
* Compat: corregido el CSS de los ajustes cuando el plugin SEOPress está activo;
* Idioma: 0 nuevas cadenas añadidas, 0 actualizadas, 0 confusas y 0 obsoletas.

3.5.1

Fecha de lanzamiento: 17 de agosto de 2022
* Corrección: el nivel de compresión ahora se puede guardar correctamente tanto en el modo fácil como en el avanzado (¡perdón!);
* Idioma: 0 nuevas cadenas añadidas, 0 actualizadas, 0 confusas y 0 obsoletas.

3.5.0

Fecha de lanzamiento: 16 de agosto de 2022
* Nuevo: añadido un modo fácil y avanzado en los ajustes, para una experiencia más fluida;
* Nuevo: el nuevo motor AI ahora está configurado como el motor predeterminado para las nuevas instalaciones del plugin;
* Nuevo: añadida la posibilidad de excluir páginas, además de las demás exclusiones existentes;
* Nuevo: el plugin también sirve las fuentes declaradas en bloques de estilo integrado desde la CDN;
* Nuevo: añadido un menú en la barra de wp-admin para los ajustes, vaciar caché y la herramienta de comprobación de imágenes (al visitar el sitio público mientras se está conectado);
* Nuevo: añadidos botones de acción para los avisos que se descartaron y tenían botones;
* Nuevo: añadido un bloque de noticias en los ajustes;
* Corrección: los LQIP no usan el efecto de aparición gradual ya que no es necesario;
* Solución: el tráfico de CDN ahora se muestra correctamente, incluso para códigos antiguos de AppSumo;
* Idioma: 38 nuevas cadenas añadidas, 1 actualizada, 0 confusas y 1 obsoleta.

3.4.2

Fecha de lanzamiento: 22 de junio de 2022
* Corrección: eliminado loading=lazy también para las reglas que especifican el elemento para no cargarse diferidamente;
* Corrección: actualizada la ruta LQIP a /spai/ en lugar de /client/;
* Corrección: identifica como HTML válido el contenido que comienza con espacio de ancho cero sin interrupción \uFEFF;
* Corrección: eliminada una doble barra cuando la API devuelve una cadena vacía para get_api_url;
* Retoque: añadido un indicador de registro para LQIP;
* Compat: no analiza páginas cuando la constante DONOTCDN está activa;
* Compat: añadida compatibilidad con atributos diferidos para Essential Grid;
* Compat: añadida integración con Jupiter Child themes;
* Compat: añadida una exclusión para no cargar diferidamente para el MK slider;
* Idioma: 0 nuevas cadenas añadidas, 0 actualizadas, 0 confusas y 0 obsoletas.

3.4.1

Fecha de lanzamiento: 25 de mayo de 2022
* Compat: hace que la imagen se cargue rápidamente si Perfmatters la marcó con data-perfmatters-preload;
* Compat: si hay una Global Gallery presente, reemplaza todos los a href de la imagen para que se carguen rápidamente;
* Corrección: data-elementor-open-lightbox de Elementor no se gestiona con JS, se deja como marcador de posición para ser gestionado cuando se muestra el lightbox;
* Corrección: actualizada la biblioteca de minimizado para corregir casos aislados de errores JS debido a fallos del minimizado;
* Corrección: aumenta el límite de retroceso para PCRE regex, necesario para ciertas páginas complejas;
* Corrección: elimina loading=lazy si SPAI carga la imagen de forma diferida;
* Corrección: la expresión regular de ancho/alto de LQIP coincidía con otros elementos dentro del ancho/alto de <svg>;
* Idioma: 0 nuevas cadenas añadidas, 0 actualizadas, 0 confusas y 0 obsoletas.

3.4.0

Fecha de lanzamiento: 21 de abril de 2022
* Nuevo: añadida una funcionalidad de importar y exportar ajustes;
* Nuevo: añadido un aviso en caso de que falte la biblioteca MBString de PHP;
* Compat: excluidas las vistas previas de los correos electrónicos de MailPoet del procesamiento para evitar que falten imágenes;
* Compat: corregida la integración con WP Rocket para sitios sin jQuery;
* Corrección: ya no se añade spai-bg-prepared para modificaciones de DOM a menos que se establezca al menos una de las opciones de cargar diferidamente los fondos;
* Corrección: problema de seguridad potencial corregido: en condiciones especiales, los usuarios con pocos privilegios podían realizar ciertas acciones con el plugin;
* Corrección: añadidos algunos retoques de CSS en la pestaña de exclusiones;
* Corrección: nuevo motor AI: corregido error tipográfico que generaba errores en la consola en algunos casos;
* Corrección: nuevo motor AI: gestiona correctamente las imágenes de fondo que no son url(), se definen en bloques <style> añadidos dinámicamente y se usan en documentos DOM añadidos dinámicamente;
* Idioma: 5 cadenas nuevas añadidas, 0 actualizadas, 0 confusas y 0 obsoletas.

3.3.1

Fecha de lanzamiento: 23 de marzo de 2022
* Retoque: las exclusiones ahora funcionan con atributos, del lado del servidor (p. ej., img[width=200] excluye todas las imágenes con el atributo width="200";
* Corrección: maneja correctamente múltiples formularios de variación de WooCommerce en la misma página;
* Corrección: SPAI no se cargaba después de descartar la alerta de jQuery y luego elegir el nuevo motor AI en los ajustes;
* Corrección: el nuevo motor AI ahora divide correctamente los selectores que contienen , dentro de ellos, p. ej., div (li.class1, span.class2);
* Idioma: 0 nuevas cadenas añadidas, 1 actualizada, 0 confusas y 0 obsoletas.

3.3.0

Fecha de lanzamiento: 2 de marzo de 2022
* Nuevo: aviso añadida al cambiar la URL de la API, sobre el consumo de créditos al usar otra CDN;
* Nuevo: SPAI ahora se desactiva/activa automáticamente al agotarse/recargar créditos para evitar redireccionamientos inútiles;
* Compat: actualizada la biblioteca utilizada para minificar archivos CSS/JS;
* Corrección: el aviso que aparece cuando se agotan los créditos no siempre se mostraba;
* Corrección: a veces aparecía una advertencia junto al aviso de actualización;
* Corrección: análisis de JS con etiquetas <script> que fallaban en // --> </script> comentarios HTML de estilo antiguo para JS;
* Corrección: actualizadas varias cadenas que aún contenían créditos en lugar de tráfico;
* Corrección: en algunos casos aparecía una advertencia de PHP;
* Corrección: nuevo motor AI: ciertos fondos que se añaden dinámicamente a la página no se gestionaban correctamente;
* Corrección: nuevo motor AI: estilos de análisis que aún no están cargados cuando se activa parseSelectors;
* Idioma: 4 cadenas nuevas añadidas, 28 actualizadas, 1 confusa y 0 obsoletas.

3.2.2

Fecha de lanzamiento: 16 de febrero de 2022
* Retoque: añade parámetro para tener en cuenta las imágenes diferidas en bloques de style (y cambia el tamaño incluso si no se conoce el ancho original);
* Corrección: los fondos con gradient y background no funcionaban correctamente después de 3.2.1;
* Corrección: nuevo motor AI: corrige el manejo de bloques <style> dentro de las modificaciones del DOM;
* Corrección: nuevo motor AI: corrige el mostrar fondos que son imágenes en línea pero no de SPAI, dentro de las modificaciones del DOM;
* Idioma: 0 nuevas cadenas añadidas, 0 actualizadas, 0 confusas y 0 obsoletas.

3.2.1

Fecha de lanzamiento: 25 de enero de 2022
* Retoque: mejorada la documentación para añadir reglas de reemplazo personalizadas;
* Retoque: reemplaza el <source src ..> si contiene una imagen;
* Compat: añadida integración con los atributos data-big/smallimg de los temas de WPZOOM;
* Corrección: al purgar la caché del plugin LiteSpeed Cache, SPAI también purgará su caché de CSS;
* Corrección: reemplazar el atributo src para los métodos SRCSET y BOTH no funcionaba correctamente todo el tiempo;
* Corrección: una etiqueta ahora puede ser excluida por un selector simple;
* Corrección: elimina la url ajax codificada y usa la constante ajaxurl en su lugar para asegurar compatibilidad completa con las instalaciones WP en sub-carpetas (como /wp/wp-admin/);
* Corrección: El Comprobador de imágenes ahora funciona correctamente con fondos gestionados por el Nuevo motor AI;
* Corrección: Nuevo motor AI: añade siempre h_ cuando sea un LQIP;
* Corrección: Nuevo motor AI: corrige el usio de exclusiones regex (elimina la / al principio y al final);
* Corrección: Nuevo motor AI: ignora fondos url("") vacios;
* Corrección: Nuevo motor AI: arregla los selectores de exclusión de ruta y dominio que coincidían con cualquier cosa;
* Idioma: 0 nuevas cadenas añadidas, 0 actualizadas, 0 confusas y 0 obsoletas.

3.2.0

Fecha de lanzamiento: 22 de diciembre de 2021
* Nuevo: si la misma imagen está presente en diferentes tamaños en la misma página, solo se cargará una vez y se reutilizará;
* Nuevo: añadido data-spai-crop en el Nuevo motor AI, que puede anular la configuración de recorte para imágenes específicas donde este atributo está presente;
* Nuevo: al vaciar las cachés en WP Rocket, Swift Performance y LiteSpeed Cache, el CSS servido por SPAI también se vaciará automáticamente;
* Retoque: el estado de la cuenta en la configuración ahora tiene en cuenta los ciclos de facturación y muestra correctamente la información de tráfico;
* Retoque: los globos de ayuda en ajustes se ven mejor y son más visibles;
* Compat: solucionados varios problemas de compatibilidad con Internet Explorer en el Nuevo motor AI;
* Corrección: las exclusiones de expresiones regulares no funcionaban correctamente en algunos casos, con el Nuevo motor AI;
* Corrección: se producía un error fatal en ciertas configuraciones cuando se vaciaba la caché de WP Rocket;
* Corrección: no reemplaza los marcadores de posición en línea data:image que no son generados por SPAI;
* Corrección: el recorte especial en las imágenes de fondo no funcionaba correctamente para las pantallas retina;
* Corrección: el nuevo AI cargará la imágen original si no hay ningún LQIP disponible;
* Corrección: carga de la URL original para fondos que también tienen, por ejemplo, background:transparent en los estilos;
* Corrección: elementos con otras imágenes en línea como fondos añadidos más tarde al documento a través de mutaciones;
* Corrección: algunos de los ajustes sugeridos por la herramienta de configuración automática no se mostraban correctamente;
* Corrección: imágenes de fondo que tienen degradado con un url() sin comillas en Chrome;
* Corrección: la herramienta de Comprobación de imágenes ahora funciona correctamente con fondos gestionados por el Nuevo motor AI;
* Corrección: problemas con background-size: auto 100%;
* Corrección: si la clave de API era incorrecta en el asistente de configuración, no se podía introducir nuevamente;
* Idioma: 16 nuevas cadenas añadidas, 4 actualizadas, 0 confusas y 12 obsoletas.

3.1.3

Fecha de lanzamiento: 24 de noviembre de 2021
* Corrección: las galerías y feeds de Instagram deberían funcionar correctamente ahora;
* Corrección: el parámetro de recorte especial multiplicaba la resolución original de la imagen en las pantallas retina;
* Corrección: AVIF aún se servía en algunos casos, incluso si la opción estaba desactivada;
* Corrección: sirve el nuevo JS AI desde el dominio/CDN personalizado, si el servicio de JS desde CDN está activado;
* Corrección: las opciones de tipo de archivo estaban ocultas en los ajustes cuando solo AVIF estaba activo (sin WebP);
* Corrección: hace que las exclusiones de cambio de tamaño no sean diferidas;
* Corrección: cuando había comentarios HTML antes de la declaración DOCTYPE, SPAI no funcionaba correctamente;
* Idioma: 0 nuevas cadenas añadidas, 1 actualizada, 0 confusas y 0 obsoletas.

3.1.2

Fecha de lanzamiento: 17 de noviembre de 2021
* Corrección: se ha vuelto a añadir la dependencia de jQuery para el antiguo motor de AI;
* Corrección: advertencia de PHP que aparecía en ciertos casos;
* Idioma: 0 nuevas cadenas añadidas, 0 actualizadas, 0 confusas y 0 obsoletas.

3.1.1

Fecha de lanzamiento: 12 de noviembre de 2021
* Corrección: desactivación dejaba involuntariamente el registro activo;
* Corrección: aviso de undefined sobre marcador de posición de video;
* Corrección: varias correcciones pequeñas en el procesamiento del Nuevo motor de AI;
* Idioma: 0 nuevas cadenas añadidas, 0 actualizadas, 0 confusas y 0 obsoletas.

3.1.0

Fecha de lanzamiento: 11 de noviembre de 2021
* Nuevo: añadida la opción Puntos de ruptura de tamaño para cambiar el tamaño de las imágenes, especialmente útil cuando las imágenes cambian mucho de tamaño en varios tamaños de pantalla;
* Nuevo: las cabeceras necesarias ahora se añaden automáticamente al usar Apache, para evitar problemas de CORS con el nuevo motor AI;
* Nuevo: añadido soporte de preload de fuentes para la CDN (cuando se analiza un archivo CSS, las fuentes ya estarán preparadas para la CDN);
* Nuevo: añadidas opciones separadas para WebP y AVIF, para tener más control sobre estos ajustes;
* Nuevo: añadida información emergente para los ajustes del plugin para una comprensión más fácil;
* Compat: añadida compatibilidad con el plugin Agile Store Locator;
* Compat: la imagen de marcador de posición que usa WP Rocket para las incrustaciones de YouTube ahora se excluye automáticamente del procesamiento;
* Corrección: el mecanismo del aviso de actualización del plugin ya no funcionaba;
* Corrección: el análisis funciona ahora en bloques <style> cuando se añade background-image justo después de {;
* Corrección: las dimensiones de la imagen ahora se recuperan correctamente de los archivos SVG, cuando lo tienen definido como viewBox o como width y height;
* Corrección: los LQIP siempre se mostraban al usar el nuevo motor AI, incluso si la opción estaba desactivada;
* Idioma: 18 nuevas cadenas añadidas, 0 actualizadas, 0 confusas y 6 obsoletas.

3.0.0

Fecha de lanzamiento: 14 de octubre de 2021
* Nuevo: el nuevo motor de imágenes adaptativas (basado en JavaScript puro, sin requerir jQuery) ahora se puede habilitar desde la pestaña Comportamiento en Ajustes -> ShortPixel AI;
* Nuevo: opción para servir los archivos JS locales desde la CDN;
* Nuevo: las fuentes locales ahora también se sirven desde la CDN, cuando se refieren desde archivos CSS analizados;
* Retoque: reactivada la entrega automática de AVIF para navegadores compatibles;
* Retoque: varias correcciones ortográficas y de redacción a lo largo de todas las cadenas del plugin;
* Retoque: el plugin ahora está completamente probado con PHP8;
* Retoque: eliminada la opción de volver a los ajustes de 1.8.x al desactivar;
* Corrección: solucionados varios problemas con diferentes integraciones (plugins de caché, galerías, etc.);
* Corrección: al desactivar la entrega de imágenes de próxima generación para ciertos tipos de imágenes, se desactivaba incorrectamente toda la opción;
* Idioma: 18 nuevas cadenas añadidas, 51 actualizadas, 0 confusas y 12 obsoletas.

2.3.3

Fecha de lanzamiento: 30 de junio de 2021
* Corrección: problema al validar la clave de API
* Idioma – 0 nuevas cadenas añadidas, 0 actualizadas, 0 confusas y 0 obsoletas

2.3.2

Fecha de lanzamiento: 29 de junio de 2021
* Desactiva temporalmente la corrección de errores del códec pendiente de AVIF (https://github.com/xiph/rav1e/issues/2757)
* Idioma: 0 nuevas cadenas añadidas, 0 actualizadas, 0 confusas y 0 obsoletas.

2.3.1

Fecha de lanzamiento: 28 de junio de 2021
* Nuevo: versione el javascript en el nombre del archivo para evitar cachés más rebeldes
* Solución: no analice las respuestas AJAX a las cargas.
* Solución: elemento anidado que tiene un fondo diferente: estaba tomando el fondo del elemento principal.
* Corregir el aviso en los registros a veces cuando la información del dominio del servidor
* Idioma: 0 cadenas nuevas agregadas, 0 actualizadas, 0 borradas y 0 obsoletas.

Fecha de lanzamiento: 28 de junio de 2021
* Nuevo: versiona el JavaScript en el nombre del archivo para evitar las cachés más rebeldes
* Corrección: no analiza las respuestas AJAX a las subidas.
* Corrección: elemento anidado que tiene un fondo diferente: estaba tomando el fondo del elemento principal.
* Corrección: aviso en los registros a veces cuando la información del dominio del servidor
* Idioma: 0 cadenas nuevas añadidas, 0 actualizadas, 0 confusas y 0 obsoletas.

2.3.0

Release date: June 17th, 2021
* New: images (including the ones from CSS files) are now served automatically in the new AVIF format to supporting browsers;
* New: moved the JS detection mechanism for WebP/AVIF support directly to the CDN level, so no JS is required anymore for this;
* Language: 0 new strings added, 6 updated, 0 fuzzed, and 0 obsoleted.

Fecha de lanzamiento: 17 de junio de 2021
* Nuevo: las imágenes (incluidas las de los archivos CSS) ahora se sirven automáticamente en el nuevo formato AVIF para los navegadores compatibles;
* Nuevo: movido el mecanismo de detección de JS para la compatibilidad con WebP/AVIF directamente al nivel de CDN, por lo que ya no se requiere JS para esto;
* Idioma: 0 cadenas nuevas añadidas, 6 actualizadas, 0 confusas y 0 obsoletas.

2.2.4

Fecha de lanzamiento: 14 de junio de 2021
* Compat: se ha añadido una constante – SPAI_ELEMENTOR_WORKAROUND – para desactivar el análisis de los módulos de Elementor que generan errores críticos;
* Compat: solución para WP Rocket que llama en ciertas circunstancias al filtro rocket_css_content con un solo parámetro;
* Corrección: algunas advertencias aparecían en algunos casos cuando la cola lqip no era un array;
* Corrección: clave de array incorrecta cuando el cálculo de no background no podía determinar el tamaño del recorte y devolvía solo el ancho y la altura;
* Corrección: problemas en iPhone con el análisis de hojas de estilos al tiempo que se mejora la adaptatibilidad de las páginas al analizarlas (async);
* Idioma: 0 nuevas cadenas añadidas, 0 actualizadas, 0 confusas y 0 obsoletas.

2.2.3

Fecha de lanzamiento: 18 de mayo de 2021
* Nuevo: también analiza dentro de los bloques <script type="text/template">;
* Corrección: el cambio de tamaño del recorte de los fondos no funcionaba en varios casos, lo que ahora está arreglado;
* Corrección: actualiza el texto de notificación sobre las imágenes de próxima generación servidas por SPIO;
* Corrección: los casos en los que una mutación tiene fondos de un bloque CSS existente ahora se manejan correctamente;
* Corrección: la función de recorte especial ahora maneja correctamente las situaciones en las que el parámetro width no es el primero;
* Corrección: el selector de fondo inline manejará situaciones sin espacio antes de la definición de clase CSS;
* Corrección: elimina los valores predeterminados para los parámetros JS para admitir IE11;
* Corrección: las imágenes de los elementos li añadidos con data-thumb ahora se reemplazan;
* Corrección: las exclusiones de URL también se verifican cuando se reemplaza dentro de los bloques JS;
* Idioma: 0 nuevas cadenas añadidas, 2 actualizadas, 0 confusas y 0 obsoletas.

2.2.2

Fecha de lanzamiento: 29 de abril de 2021
* Corrección: la versión minimizada de los archivos CSS del plugin era más grande que la versión sin minimizar;
* Corrección: encuentra el archivo local cuando la URL contiene un elemento de ruta antes de wp-content, que no está presente en el disco;
* Idioma: 0 nuevas cadenas añadidas, 0 actualizadas, 0 confusas y 0 obsoletas.

2.2.1

Fecha de lanzamiento: 26 de abril de 2021
* Compatibilidad: añadida integración con Real3D Flipbook;
* Corrección: había un error «Class not found» en algunos casos cuando se vaciaba la caché de LiteSpeed desde nuestro plugin;
* Corrección: en algunos casos, el tamaño de las imágenes de fondo no se establecía correctamente;
* Corrección: protección añadida para un gran número de variaciones de productos; el plugin ahora funcionará correctamente en estos casos;
* Idioma: 0 nuevas cadenas añadidas, 0 actualizadas, 0 confusas y 0 obsoletas.

2.2.0

Fecha de lanzamiento: 20 de abril de 2021
* Nuevo: filtro añadido shortpixel/ai/customRules para reglas de reemplazo personalizadas;
* Nuevo: añadida la carga diferida adecuada para las imágenes de fondo;
* Nuevo: tiene en cuenta los estilos CSS background-*: tamaño, posición, etc.;
* Nuevo: carga diferida de las imágenes en los bloques CSS;
* Nuevo: maneja correctamente varias URL en la misma declaración background-image:;
* Nuevo: cuando te quedes sin créditos, ahora puedes tener la opción de recargar directamente desde los ajustes del plugin;
* Compat: añadida integración con el tema Uncode y su componente iLightBox;
* Compat: integración añadida con WPC Variations Table;
* Compat: integración añadida con Soliloquy Slider Plugin;
* Compat: también se integra correctamente con los temas hijo de Divi;
* Compat: mejorada la integración con Elementor, todas las imágenes ahora deberían reemplazarse correctamente;
* Corrección: las variaciones de producto de WooCommerce se rompían si srcset estaba presente, pero era falso;
* Corrección: en ciertos casos, las imágenes de fondo con prioridad importante de CSS no se manejaban correctamente;
* Corrección: también elimina el atributo sizes si eliminamos el srcset;
* Corrección: error de reemplazo cuando un atributo html contiene datos «..»;
* Corrección: varias correcciones pequeñas en los ajustes, fuentes, mensajes de depuración, inicio de sesión en la cuenta de ShortPixel y carga diferida;
* Idioma: 7 cadenas nuevas añadidas, 2 actualizadas, 0 confusas y 3 obsoletas.

EARLIER VERSIONS

  • por favor, consulta el archivo changelog.txt dentro del archivo del plugin.