IMG.DIY / Comercio electrónico / QA de página de producto

QA de página de producto

Pega la URL de un producto y obtén puntuaciones de Lighthouse, diagnósticos de peso de imágenes y una lista de buenas prácticas de e-commerce.

QA de página de producto visual example
La privacidad primero: no se sube nada.

From input to result

Choose a file, make the change, and download the result. Processing stays in your browser.

QA de página de producto: 1 · Choose input
1 · Choose input
QA de página de producto: 2 · Adjust and process
2 · Adjust and process
QA de página de producto: 3 · Download result
3 · Download result

Las páginas de producto lentas y pesadas pierden ventas. Esta herramienta ejecuta la auditoría oficial Lighthouse de Google (mediante la API de PageSpeed Insights) sobre cualquier URL que le indiques y extrae lo que importa para las tiendas: Core Web Vitals, cuántos kilobytes están desperdiciando tus imágenes, la estructura de encabezados, lo básico de SEO y la accesibilidad.

Bajo el informe automático hay una lista de comprobación hecha a mano con buenas prácticas de página de producto (colocación de la llamada a la acción, señales de confianza, ergonomía móvil): las cosas que una máquina no puede juzgar del todo pero que un diseñador debería revisar.

Cómo se usa

  1. Pega la URLCualquier página de producto pública. Elige móvil o escritorio.
  2. Lee el informeCuatro puntuaciones, Core Web Vitals, estimaciones de ahorro en imágenes y auditorías de estructura, en unos 30 segundos.
  3. Recorre la lista de comprobaciónRepasa las comprobaciones manuales de e-commerce que hay bajo el informe.

Ejecuta una auditoría Lighthouse real sobre cualquier página de producto

Pega una URL pública y esta herramienta ejecuta Google Lighthouse a través de la API de PageSpeed Insights, y luego devuelve las cuatro puntuaciones conocidas: rendimiento, accesibilidad, SEO y buenas prácticas. Es el mismo motor que impulsa el propio informe de Google, así que los números coinciden con lo que los equipos de SEO miran de verdad.

Obtienes las Core Web Vitals que importan para el posicionamiento y la experiencia de usuario, LCP, CLS, TBT y FCP, junto con los ahorros de peso de imagen y un desglose de la estructura de encabezados y las auditorías de SEO. Es un chequeo rápido antes de publicar una página o entregarla a un cliente.

Más allá de las puntuaciones: una lista de buenas prácticas de e-commerce

Los números en bruto de Lighthouse te dicen que una página es lenta, pero no siempre por qué no convierte. Sobre la auditoría, esta herramienta añade una lista de comprobación de e-commerce hecha a mano que cubre la claridad de la llamada a la acción, las señales de confianza, el comportamiento en móvil y los datos estructurados (schema), para que detectes lo que Lighthouse no puntúa.

Si alcanzas el límite de peticiones compartido, puedes pegar tu propia clave de API de Google en un campo opcional. La clave se guarda solo en tu navegador y se usa para ampliar tu cuota, así que los días de pruebas intensas no se te limitan.

Para qué la usa la gente

Comprobación previa al lanzamiento de una página de producto — Audita un anuncio o una landing nueva antes de que se publique para detectar pronto problemas de velocidad y SEO.

Diagnóstico de Core Web Vitals — Consulta LCP, CLS, TBT y FCP de una página para averiguar qué métrica está arrastrando la puntuación hacia abajo.

Limpieza de peso de imagen — Lee el informe de ahorros de imagen para encontrar fotos sobredimensionadas que inflan la carga de la página.

Informes para clientes y agencias — Saca una puntuación Lighthouse objetiva y una lista de comprobación para mostrar a un cliente exactamente qué arreglar.

Comparativa de páginas de la competencia — Ejecuta la misma auditoría sobre la URL pública de un competidor para comparar velocidad y SEO cara a cara.

Revisión rápida de accesibilidad — Obtén una puntuación de accesibilidad y una lista de auditoría para detectar barreras evidentes antes de una revisión.

Revisión de disposición para convertir — Usa la lista de comprobación de e-commerce para verificar que las llamadas a la acción, las señales de confianza y la maqueta móvil están en su sitio.

Pruebas intensas sin limitaciones — Añade tu propia clave de API de Google para ejecutar muchas auditorías en una sesión sin alcanzar la cuota compartida.

Una página de producto lenta pierde ventas antes de que nadie lea la descripción

En una página de producto, cada segundo de carga se mide en conversiones perdidas. Los compradores con datos móviles abandonan una página que se atasca, y el posicionamiento en buscadores también tiene en cuenta la velocidad, así que una página pesada te cuesta dos veces: menos visitantes y menos de ellos que se quedan. El culpable habitual en las páginas de e-commerce son las imágenes: una foto principal sin optimizar, una pila de fotos de galería a resolución completa y una imagen de detalle larga pueden añadir en silencio varios megabytes a una página que debería pesar una fracción de eso. El problema es que "mi página parece lenta" es una corazonada, y no puedes arreglar una corazonada. Necesitas números, y los necesitas apuntando a las cosas que un vendedor puede cambiar de verdad.

PageSpeed Insights de Google ejecuta Lighthouse y te da esos números, y es la referencia del sector por una razón. Pero su informe en bruto está pensado para desarrolladores web: saca a la luz scripts que bloquean el renderizado y tiempos del hilo principal junto a los problemas de imágenes, y no enmarca nada en torno a lo que importa para un anuncio. GTmetrix superpone un panel más agradable sobre datos similares, pero también es de propósito general. Lo que un vendedor quiere es el mismo motor fiable con una lente de e-commerce encima: ¿cuánto pesan mis imágenes en concreto, y pasa esta página la lista de comprobación que de verdad mueve las conversiones?

Este auditor de páginas llama a la API de PageSpeed Insights de Google —el mismo motor Lighthouse— y presenta los resultados con las prioridades de un vendedor por delante: la puntuación de rendimiento, un informe de peso de imágenes que muestra qué parte de la página son fotos y cuáles comprimir, y una lista de comprobación de e-commerce que cubre las cosas que los anuncios suelen hacer mal. Añade una lente enfocada sobre una fuente en la que puedes confiar en lugar de inventar su propia puntuación. Una cosa que hay que dejar clara: esta herramienta requiere conexión a internet. Consulta los servidores de Google para ejecutar la auditoría, así que, a diferencia de las demás herramientas aquí, no funciona sin conexión; eso es una parte honesta e inevitable de cómo funciona.

Qué lo hace diferente

  • El motor de Google, el enfoque de un vendedor. Las puntuaciones vienen de PageSpeed Insights / Lighthouse —la referencia estándar—, reorganizadas en torno a lo que un vendedor online puede accionar.
  • Informe de peso de imágenes. Ve cuántos megabytes de la página son imágenes y cuáles en concreto son las más pesadas, para saber exactamente qué pasar por un compresor o redimensionador.
  • Lista de comprobación de e-commerce. Una auditoría práctica de las cosas que las páginas de producto suelen pasar por alto, superpuesta a las métricas en bruto.
  • Fuente fiable, no una caja negra. Informa de los números de Google en lugar de una puntuación inventada que no puedes verificar.
  • Gratis, sin registro. Una clave de API opcional te permite evitar la cuota pública compartida si haces muchas auditorías.
  • Limitación honesta: necesita internet. Llama a la API de Google, así que no puede funcionar sin conexión como las herramientas de solo navegador.

IMG.DIY frente a otras herramientas de página

IMG.DIY Page QA PageSpeed Insights (en bruto) GTmetrix
Motor subyacente Google Lighthouse (API PSI) Google Lighthouse Basado en Lighthouse
Lista de comprobación de e-commerce No No
Enfoque en el peso de imágenes Sí, enmarcado para el vendedor Presente pero enterrado Presente
Enfoque Prioridades del vendedor Orientado a desarrolladores Rendimiento web general
Precio Gratis Gratis Nivel gratis + de pago
Registro Ninguno (clave de API opcional) Ninguno Para historial guardado
Necesita internet Sí, obligatorio

Para ser justos, si te sientes cómodo leyendo un informe para desarrolladores, PageSpeed Insights en bruto te da todo y es autoritativo; esta herramienta se apoya en el mismísimo motor. GTmetrix ofrece seguimiento histórico y un panel pulido que son realmente útiles para la monitorización continua. Lo que esto añade es la lente de e-commerce: toma las mediciones fiables de Google y las apunta al peso de las imágenes y a la lista de comprobación de un vendedor, de modo que la salida se lee como "esto es lo que hay que arreglar en tu anuncio" en lugar de "aquí tienes un muro de métricas de rendimiento web". Solo recuerda que necesita conexión: es la única herramienta aquí que no puede funcionar sin conexión, por diseño.

Por qué IMG.DIY

Lighthouse real

El motor de auditoría oficial de Google, no una imitación.

Foco en imágenes

Exactamente cuántos KB desperdician tus imágenes y cómo solucionarlo.

Lista de e-commerce

Comprobaciones de llamada a la acción, confianza, móvil y schema que un bot no puede puntuar.

Sin clave

Se ejecuta desde tu navegador contra la API pública de Google.

Preguntas frecuentes

¿Es lo mismo que PageSpeed Insights?
Usa la misma API de Google y añade una perspectiva de e-commerce: extracción del peso de imágenes, auditorías de estructura y una lista de comprobación para comerciantes, todo en una sola vista.
¿Por qué falló mi auditoría?
La URL debe ser accesible públicamente. La API compartida también limita la frecuencia: si te topas con un error 429, espera un minuto y vuelve a intentarlo.
¿A qué puntuación debo aspirar?
Lo ideal es 90+ en verde; en móvil, un 70+ con un buen LCP (<2,5 s) ya supera a la mayoría de tiendas. Vigila la línea de ahorro en imágenes: suele ser la mejora más barata.
¿Comprueba las imágenes de mi página?
Informa del ahorro total potencial de imágenes optimizadas/modernas/adaptables, y luego puedes arreglarlas con el compresor y el conversor aquí mismo, en este sitio.
¿De dónde sale exactamente la puntuación?
Es una ejecución real de Google Lighthouse mediante la API de PageSpeed Insights, el mismo motor detrás del propio informe de PageSpeed de Google. Obtienes puntuaciones de rendimiento, accesibilidad, SEO y buenas prácticas, además de las Core Web Vitals.
¿Qué Core Web Vitals reporta?
Reporta LCP (largest contentful paint), CLS (cumulative layout shift), TBT (total blocking time) y FCP (first contentful paint), las métricas que Google pondera para la experiencia de página.
¿Necesito una clave de API de Google para usarlo?
No. Funciona de fábrica con una cuota compartida. El campo opcional de clave de API está ahí solo por si ejecutas muchas pruebas y quieres evitar los límites de peticiones compartidos; la clave se guarda en tu navegador y nunca se envía a otro sitio.
¿Puedo probar cualquier web o solo la mía?
Sirve cualquier URL accesible públicamente, así que puedes auditar tus propias páginas o comparar la de un competidor. Las páginas tras un inicio de sesión o un cortafuegos no las puede alcanzar el servicio de PageSpeed.
¿Por qué una puntuación difiere de una ejecución en DevTools del navegador?
La API de PageSpeed Insights prueba desde el entorno de Google con su propio perfil de red y dispositivo, así que los números pueden diferir de una ejecución local de Lighthouse en DevTools en tu máquina y tu conexión.
¿Qué añade la lista de comprobación de e-commerce sobre Lighthouse?
Es una lista hecha a mano de factores de conversión que Lighthouse no puntúa: claridad de la llamada a la acción, señales de confianza, comportamiento en móvil y marcado schema, para que revises la disposición para vender, no solo la velocidad técnica.

Herramientas relacionadas

Guías y consejos