Por qué importa la monitorización del rendimiento
Dedicó tiempo a optimizar la velocidad de su tienda Shopify. Su test de velocidad pasó de 40 a 80. Enhorabuena — pero sin monitorización, esa puntuación podría volver en silencio a 40 en cuestión de semanas. Estos son los motivos:
Actualizaciones de apps — una app de Shopify actualiza su paquete de JavaScript y añade 100 KB de código sin optimizar. Su sobrecarga de scripts de terceros se duplica de la noche a la mañana.
Instalación de apps nuevas — alguien del equipo instala un widget de reseñas o una app de chat que inyecta scripts que bloquean el renderizado.
Actualizaciones de tema — una actualización del tema cambia cómo se carga el CSS/JS y deshace sus correcciones de recursos que bloquean el renderizado.
Cambios de contenido — alguien sube una imagen principal de 5 MB a una página de colección sin comprimirla.
Cambios de terceros — un script externo de analítica o marketing se vuelve más grande o más lento.
📉 La fuga de ingresos silenciosa
Sin monitorización, las regresiones de velocidad pasan desapercibidas durante semanas o meses. Durante ese tiempo, su tasa de conversión cae en silencio. Una ralentización de 2 segundos puede reducir las conversiones móviles un 20-40%. Si no hace seguimiento de la velocidad, nunca conectará los puntos entre la instalación de una app nueva y una caída de ingresos del 15% al mes siguiente.
Qué métricas monitorizar
No todas las métricas de velocidad importan igual. Concéntrese en las que Google usa para el posicionamiento y en las que se relacionan directamente con la experiencia de usuario:
🎯 Core Web Vitals (lo que mide Google)
- LCP (Largest Contentful Paint) — con qué rapidez carga el contenido principal. Objetivo: menos de 2.5 segundos. Guía de optimización del LCP →
- CLS (Cumulative Layout Shift) — cuánto salta la página mientras carga. Objetivo: menos de 0.1.
- INP (Interaction to Next Paint) — con qué rapidez responde la página a clics y toques. Objetivo: menos de 200 ms.
📊 Métricas de apoyo (para depurar)
- TTFB (Time to First Byte) — tiempo de respuesta del servidor. Objetivo: menos de 800 ms.
- TBT (Total Blocking Time) — tiempo que los scripts bloquean el hilo principal. Objetivo: menos de 200 ms.
- Speed Index — con qué rapidez se llena el contenido visible. Objetivo: menos de 3.4 segundos.
- Peso total de la página — bytes totales descargados. Objetivo: menos de 2 MB.
- Peticiones totales — número de peticiones HTTP. Objetivo: menos de 50.
Para un desglose completo de estas métricas y lo que significan para su tienda, vea nuestra guía de Core Web Vitals para Shopify.
La vía fácil: la monitorización diaria automática de Thunder
Montar una monitorización manual con herramientas gratuitas funciona, pero exige disciplina: hay que acordarse de comprobar, interpretar los datos y actuar ante las regresiones. La mayoría de los dueños de tienda empiezan fuerte y dejan de comprobar a las pocas semanas.
Thunder Page Speed Optimizer incluye monitorización diaria automática del rendimiento como parte de su paquete de optimización:
- ✦ Pruebas de velocidad diarias en sus páginas clave (inicio, principales colecciones, principales productos)
- ✦ Alertas automáticas de regresión — reciba un aviso cuando la velocidad caiga por debajo de su umbral
- ✦ Seguimiento histórico de tendencias — vea su velocidad a lo largo de semanas y meses, no solo instantáneas puntuales
- ✦ Identificación de la causa raíz — Thunder identifica qué cambió (script nuevo, imagen más grande, etc.)
- ✦ Panel de Core Web Vitals — LCP, CLS e INP seguidos en el tiempo con indicadores de aprobado/suspenso
Combinado con las optimizaciones de velocidad de Thunder, obtiene la solución y la monitorización en una sola instalación. Sin configuración manual, sin revisiones semanales, sin interpretar datos. Vea los planes y precios actuales →
Instalar Thunder — Optimización + Monitorización →¿Quiere montar la monitorización gratuita por su cuenta? Las secciones siguientes recorren cada herramienta, para qué sirve mejor y cómo configurarla. Prepárese para un flujo de varias herramientas que requiere un esfuerzo semanal constante para mantenerse.
Herramienta gratuita 1: Google Search Console
Ideal para: datos reales de Core Web Vitals de visitantes de verdad. Es el estándar de referencia porque es lo que Google usa para decidir el posicionamiento.
Configuración
- Vaya a search.google.com/search-console
- Añada el dominio de su tienda Shopify como propiedad
- Verifique la propiedad con el método del registro TXT de DNS (añada un registro TXT en la configuración DNS de su dominio)
- Espere 24-48 horas a que aparezcan los primeros datos
Qué revisar
Vaya a Experiencia → Core Web Vitals. Verá informes separados para móvil y escritorio, que muestran:
- 🟢 URLs buenas — aprueban los tres umbrales de CWV
- 🟡 Necesitan mejorar — cerca de los umbrales pero sin suspender
- 🔴 Deficientes — suspenden una o más métricas de CWV
Entre en cualquier problema para ver qué grupos de URLs están afectados. GSC agrupa las URLs similares (p. ej., todas las páginas de producto), así que puede ver si el problema es de todo el sitio o específico de ciertos tipos de página.
Limitación: GSC solo muestra datos si el sitio tiene suficiente tráfico de usuarios de Chrome. Las tiendas nuevas o con poco tráfico pueden no tener datos de campo disponibles. En ese caso, apóyese en las herramientas de laboratorio de abajo.
Herramienta gratuita 2: Google PageSpeed Insights
Ideal para: comprobaciones puntuales rápidas y datos de laboratorio. Ejecute una prueba en 30 segundos y obtenga recomendaciones accionables.
Cómo usarlo
- Vaya a pagespeed.web.dev
- Introduzca la URL de su tienda (pruebe páginas concretas, no solo la de inicio)
- Espere 15-30 segundos a los resultados
- Revise la puntuación, las métricas de CWV y las secciones de "Oportunidades" y "Diagnósticos"
Páginas clave a probar
Antes de entrar en la herramienta de Google, puede probar la velocidad de su tienda aquí mismo para una línea base rápida. Después compruebe estas páginas en PSI:
- • Página de inicio:
https://yourstore.com - • Colección más grande:
https://yourstore.com/collections/all - • Producto principal:
https://yourstore.com/products/best-seller - • Entrada de blog (si aplica):
https://yourstore.com/blogs/news/recent-post
Importante: no persiga un 100 perfecto — es un mito común que se necesita una puntuación perfecta. Concéntrese en aprobar los umbrales de Core Web Vitals (LCP < 2.5 s, CLS < 0.1, INP < 200 ms) y en mantener la puntuación consistentemente por encima de 70 en móvil.
Herramienta gratuita 3: GTmetrix
Ideal para: gráficos de cascada detallados, seguimiento histórico y pruebas desde distintas ubicaciones.
Configuración (cuenta gratuita)
- Cree una cuenta gratuita en gtmetrix.com
- Introduzca la URL de su tienda y ejecute una prueba
- Configure las páginas monitorizadas — el plan gratuito permite monitorizar 1 página con pruebas diarias
- Configure alertas por email para cuando el rendimiento caiga por debajo de su umbral
Qué hace valioso a GTmetrix
- • Gráfico de cascada — muestra exactamente cuándo carga cada recurso, lo que facilita detectar cuellos de botella
- • Seguimiento histórico — vea su velocidad en el tiempo, detecte tendencias y regresiones
- • Reproducción en vídeo — vea cómo carga su página a cámara lenta para comprobar lo que experimentan los usuarios
- • Pruebas por ubicación — pruebe desde distintas ubicaciones geográficas para comprobar la eficacia del CDN
Consejo profesional: el gráfico de cascada de GTmetrix es la mejor herramienta de depuración para averiguar por qué una página concreta es lenta. Busque barras azules largas (HTML/TTFB), barras moradas (CSS que bloquea el renderizado) y barras naranjas (JavaScript). Las barras más largas son sus mayores objetivos de optimización.
Herramienta gratuita 4: WebPageTest
Ideal para: análisis avanzado, comparaciones de fotogramas y pruebas en combinaciones concretas de dispositivo/red.
Cómo usarlo
- Vaya a webpagetest.org
- Introduzca su URL
- Seleccione la ubicación de prueba (elija una cercana a su público objetivo)
- En "Advanced Settings", seleccione el navegador y la velocidad de conexión (recomendado: Mobile - 4G para pruebas móviles realistas)
- Ejecute la prueba (tarda 1-3 minutos)
Funciones clave
- • Vista de fotogramas — capturas fotograma a fotograma que muestran exactamente lo que ve el usuario en cada punto de la carga
- • Comparación visual — pruebe dos URLs lado a lado (ideal para el antes/después de una optimización)
- • Limitación de conexión — simule 3G, 4G o límites de ancho de banda concretos
- • Desglose de terceros — muestra exactamente qué dominios de terceros añaden latencia
- • Integración con Lighthouse — ejecuta Lighthouse junto a sus propias métricas
Cuándo usar WebPageTest en lugar de GTmetrix: use WebPageTest cuando necesite probar condiciones de red concretas, comparar dos páginas lado a lado u obtener el desglose detallado por dominio de terceros. Para la monitorización habitual, el seguimiento histórico de GTmetrix es más cómodo.
Herramienta gratuita 5: Chrome DevTools
Ideal para: depuración en tiempo real en su propio dispositivo, análisis de red y perfilado de JavaScript.
Auditoría rápida de rendimiento
- Abra su tienda en Chrome
- Pulse
F12(o clic derecho → Inspeccionar) - Vaya a la pestaña Lighthouse
- Seleccione la categoría "Performance" y el dispositivo "Mobile"
- Haga clic en "Analyze page load" — obtendrá el mismo informe que en PageSpeed Insights pero desde su equipo local
Análisis con la pestaña Network
La pestaña Network es valiosísima para entender qué carga su página:
- • Filtre por tipo — haga clic en "JS" para ver todos los archivos JavaScript y sus tamaños
- • Ordene por tamaño — encuentre sus recursos más grandes
- • Marque "Disable cache" — simule un visitante que llega por primera vez
- • Limite la red — seleccione "Slow 3G" o "Fast 3G" para simular velocidades móviles
- • Mire la barra inferior — muestra peticiones totales, tamaño total transferido y tiempo de carga
Cómo montar un calendario de monitorización
La constancia es la clave. Si aún no ha optimizado su tienda, empiece antes por nuestra guía completa de optimización — no tiene sentido monitorizar una tienda lenta. Una vez optimizada, este es un calendario de monitorización realista para dueños de tienda que no quieren dedicarle horas:
📅 Semanal (5 minutos)
- • Pase PageSpeed Insights por la página de inicio + la principal página de colección
- • Anote la puntuación móvil — ¿es consistente con la semana pasada?
- • Revise la página monitorizada en GTmetrix por si hay alertas
📅 Mensual (15 minutos)
- • Revise el informe de Core Web Vitals de Google Search Console
- • Pruebe sus 5 páginas principales en PageSpeed Insights
- • Revise el gráfico histórico de GTmetrix en busca de tendencias
- • Compruebe si se instaló alguna app nueva ese mes — vea nuestra guía de las mejores apps de velocidad para alternativas verificadas
📅 Tras cualquier cambio (inmediato)
- • Tras instalar o actualizar una app → pruebe las páginas afectadas
- • Tras actualizar el tema → pruebe inicio + colección + página de producto
- • Tras añadir contenido o imágenes nuevas → pruebe esa página
- • Tras añadir redirecciones → pruebe las cadenas de redirección
O simplemente use Thunder y sáltese el calendario manual por completo. Thunder ejecuta pruebas automáticas diarias en sus páginas clave y le avisa cuando algo cambia. Es la diferencia entre revisar las grabaciones de la cámara de seguridad cada día y tener un sistema de alerta por detección de movimiento.
Cómo configurar alertas de regresiones de velocidad
La mejor monitorización no sirve de nada si no se actúa. Configure alertas para que las regresiones lleguen a usted en lugar de tener que ir a cazarlas:
Alertas de GTmetrix (gratis)
En su panel de GTmetrix, haga clic en una página monitorizada → Alerts. Fije umbrales como:
- • Alerta si el LCP supera los 3.0 segundos
- • Alerta si el tamaño total de la página supera los 3 MB
- • Alerta si la nota de GTmetrix baja de C
GTmetrix envía alertas por email cuando la página cruza esos umbrales. El plan gratuito limita a 1 página monitorizada — elija la de mayor tráfico (normalmente la de inicio o la colección principal).
Alertas de Google Search Console
GSC envía notificaciones por email automáticamente cuando detecta nuevos problemas de Core Web Vitals. Asegúrese de tener activadas las notificaciones:
- En GSC, haga clic en el icono del engranaje → Preferencias
- Active las "Notificaciones por correo electrónico"
- Marque "Problemas de Core Web Vitals" y "Problemas de indexación de páginas"
Monitorización por API a medida (avanzado)
Para usuarios técnicos, se puede usar la API de PageSpeed Insights para construir una monitorización a medida:
# Get a free API key from Google Cloud Console
# Then run daily via cron job:
curl "https://www.googleapis.com/pagespeedonline/v5/runPagespeed?\
url=https://yourstore.com&strategy=mobile&key=YOUR_API_KEY" \
| jq '.lighthouseResult.categories.performance.score'Puede canalizar esto a un webhook de Slack, un email o una hoja de cálculo para un seguimiento diario automatizado. Pero, sinceramente — esto es exactamente lo que hace Thunder, con una interfaz mucho mejor y cero configuración.
Comparación de monitorización: Thunder frente a hacerlo por su cuenta
| ⚡ Monitorización de Thunder | Herramientas gratuitas por su cuenta | |
|---|---|---|
| Tiempo de configuración | 0 (incluida con Thunder) | 1-2 horas entre todas las herramientas |
| Frecuencia de pruebas | Diaria, automática | Semanal, si se acuerda |
| Páginas monitorizadas | Todas las páginas clave | 1 página gratis (GTmetrix) |
| Alertas | Alertas de regresión automáticas | Email básico (solo GTmetrix) |
| Análisis de causa raíz | Identifica qué cambió | Requiere investigación manual |
| Además arregla los problemas de velocidad | Sí (optimización completa) | No (solo monitorización) |
Preguntas frecuentes
¿Con qué frecuencia se debe comprobar la velocidad de una tienda Shopify?
Como mínimo, compruebe cada semana con PageSpeed Insights y cada mes con una auditoría completa de GTmetrix o WebPageTest. Aun así, la velocidad puede empeorar de la noche a la mañana por actualizaciones de apps, cambios de tema o nuevos scripts de terceros. Por eso lo ideal es una monitorización diaria automatizada (como la que ofrece Thunder): detecta las regresiones en 24 horas en lugar de descubrirlas semanas más tarde, cuando ya han afectado a las conversiones.
¿Por qué mi puntuación de PageSpeed cambia cada vez que pruebo?
Las pruebas de laboratorio de PageSpeed Insights se ejecutan en hardware y redes simulados, pero hay variabilidad inherente en cuánto tardan en cargar los scripts de terceros, los tiempos de respuesta del servidor y las condiciones de prueba de Lighthouse. Una variación de 5-8 puntos entre pruebas es normal. Fíjese en las tendencias en el tiempo en lugar de en puntuaciones aisladas. Si su puntuación está consistentemente en el mismo rango (p. ej., 70-80), esa es su puntuación real. Si cae a 50 y se queda ahí, es una regresión real.
¿Cuál es la diferencia entre datos de laboratorio y datos de campo en PageSpeed Insights?
Los datos de laboratorio provienen de una prueba simulada ejecutada en ese momento en hardware controlado. Los datos de campo (Core Web Vitals) provienen de usuarios reales de Chrome que visitaron el sitio en los últimos 28 días. Los datos de campo son más precisos porque reflejan la experiencia real en distintos dispositivos, redes y ubicaciones. Sin embargo, requieren tráfico suficiente para generarse (las tiendas pequeñas pueden no tenerlos). Los datos de laboratorio siempre están disponibles y son útiles para depurar problemas concretos.
¿Hay que monitorizar todas las páginas de una tienda Shopify?
No — concéntrese en las páginas de mayor tráfico y valor. Como mínimo, monitorice: la página de inicio, sus 3-5 principales páginas de colección, sus 5-10 principales páginas de producto y el flujo de carrito/checkout. Estas páginas concentran el 80-90% del tráfico y los ingresos. Si alguna se ralentiza, el impacto en las conversiones es inmediato.
¿Puede una actualización de app ralentizar mi tienda sin que me entere?
Totalmente — es una de las causas más comunes de regresiones de velocidad inesperadas. Cuando una app de Shopify actualiza su paquete de JavaScript, la nueva versión puede ser más grande, estar peor optimizada o introducir nuevos bloqueos de renderizado. Sin monitorización, no lo notará hasta que vuelva a probar la velocidad por casualidad. La monitorización diaria de Thunder detecta estas regresiones en 24 horas y le avisa.
¿Qué variación de puntuación de velocidad entre pruebas es normal?
Una variación de 5-8 puntos de Lighthouse entre pruebas de la misma página es completamente normal. Contribuyen factores como el tiempo de respuesta del servidor, los tiempos de carga de los scripts de terceros y la variabilidad de la infraestructura de prueba. Si la puntuación oscila más de 10-15 puntos entre pruebas, probablemente algo externo está cambiando — un script de app nuevo que carga de forma intermitente, un servicio de terceros con tiempos de respuesta inconsistentes o problemas de caché del CDN. Siga su media de 7 días en lugar de los resultados de pruebas individuales.
Recursos relacionados
Guía de Core Web Vitals
LCP, CLS, INP — qué significan y cómo arreglarlos
Puntuación de velocidad frente a PageSpeed Insights
Qué significa realmente la puntuación de velocidad de Shopify frente al PSI de Google
Cómo acelerar su tienda Shopify
La guía de optimización completa para 2026
Optimización de velocidad profesional
Deje que nuestro equipo optimice su tienda