¿Qué es Google PageSpeed Insights?
Estadísticas de PageSpeed de Google (PSI) es una herramienta gratuita en pagespeed.web.dev que analiza el rendimiento de cualquier página web. Ingrese una URL y obtendrá una puntuación de rendimiento (0 a 100) junto con métricas, diagnósticos y recomendaciones detallados.
Para los comerciantes de Shopify, PSI es especialmente importante porque es el mismo motor detrás de tu Puntuación de velocidad del administrador de Shopify. Comprender PSI significa comprender qué está sucediendo realmente con el rendimiento de su tienda y qué solucionar primero.
PSI proporciona dos tipos de datos: datos de campo de usuarios reales de Chrome que visitan su sitio, y datos de laboratorio de una prueba Lighthouse simulada. Ambos son útiles, pero miden cosas diferentes y comprender la diferencia es crucial para tomar decisiones de optimización inteligentes.
Cómo funciona PSI: datos de laboratorio versus datos de campo
Este es el concepto más importante que hay que comprender sobre Google PageSpeed Insights. PSI muestra dos conjuntos de datos completamente diferentes:
🔬 Datos de laboratorio (Faro)
- • Prueba simulada en un dispositivo controlado
- • Emula un Moto G Power en 4G acelerado
- • CPU acelerada a 4 veces más lenta de lo normal
- • Ejecución de prueba única: los resultados varían cada vez
- • Produce la puntuación de rendimiento de 0 a 100
- • Muestra: FCP, LCP, TBT, CLS, índice de velocidad
Ideal para: Depurar problemas específicos, probar cambios, comparar antes/después
👥 Datos de campo (CrUX)
- • Real data from Chrome users visiting your site
- • Combinación de todos los dispositivos, conexiones y ubicaciones
- • Promedio móvil de 28 días: muy estable
- • Solo disponible para sitios con suficiente tráfico
- • Sin puntuación única: muestra aprobado/reprobado por métrica
- • Muestra: LCP, INP, CLS (los Core Web Vitals)
Ideal para: Comprender la experiencia real del usuario, evaluación del impacto SEO
💡 Información clave: Google utiliza datos de campo para clasificaciones de búsqueda, no para la puntuación de laboratorio. Una tienda con una puntuación de laboratorio de 40 pero que pase el campo Core Web Vitals no será penalizada en la búsqueda. Sin embargo, los datos de laboratorio siguen siendo valiosos para diagnosticar problemas específicos y medir el impacto de las optimizaciones.
Cada métrica de PSI explicada para Shopify
La prueba de laboratorio de PSI mide seis métricas. Esto es lo que cada uno significa específicamente para las tiendas Shopify y lo que normalmente causa puntuaciones bajas:
Primera pintura con contenido (FCP)
Cuando el navegador muestra el primer contenido
Contexto de Shopify: FCP se retrasa debido a CSS y JavaScript que bloquean el procesamiento en el <head>. Cada aplicación de Shopify que inyecta una hoja de estilo o un script sincrónico impulsa FCP más tarde. La mayoría de las tiendas Shopify tienen entre 3 y 8 recursos de bloqueo de renderizado.
Solución: CSS crítico en línea, difiere JavaScript no crítico. Thunder hace ambas cosas automáticamente.
Pintura con contenido más grande (LCP) Puntuación
Cuando el elemento visible más grande termina de renderizarse
Contexto de Shopify: LCP en Shopify suele ser la imagen principal o un título grande. Se ve afectado por: recursos que bloquean el procesamiento y retrasan el inicio, carga lenta de imágenes (archivos grandes, sin precarga) y el tiempo de respuesta del servidor de Shopify (TTFB). Para una inmersión profunda, consulte nuestro Guía de optimización de LCP.
Solución: Precargar imagen principal, CSS crítico en línea, diferir JS de bloqueo de renderizado. Thunder se encarga de los tres.
Tiempo total de bloqueo (TBT)
Durante cuánto tiempo JavaScript bloquea el hilo principal
Contexto de Shopify: OTC es el factor único más importante en tu puntuación de PageSpeed (30 % de peso). En Shopify, esto se debe casi en su totalidad a scripts de aplicaciones de terceros: Klaviyo, Judge.me, widgets de chat, aplicaciones de ventas adicionales y herramientas de análisis ejecutan JavaScript que bloquea el hilo principal. El acelerador de CPU simulado 4× empeora esto dramáticamente.
Solución: Aplaza todo JavaScript no crítico para que no bloquee el hilo principal. Esta es la optimización principal de Thunder: pospone los scripts de las aplicaciones manteniendo su funcionalidad.
Cambio de diseño acumulativo (CLS)
Cuánto se mueven los elementos visibles mientras se carga la página
Contexto de Shopify: CLS en Shopify es comúnmente causado por: imágenes sin atributos de ancho/alto, fuentes web que se cargan tarde y cambian el tamaño del texto, contenido de aplicaciones inyectado dinámicamente (ventanas emergentes, pancartas, widgets de revisión) y transiciones de presentación de diapositivas/carrusel.
Solución: Establezca las dimensiones de la imagen, use la visualización de fuentes: intercambie, reserve espacio para contenido dinámico. La optimización de fuentes de Thunder ayuda con CLS relacionado con fuentes.
Índice de velocidad (SI)
Qué tan rápido el contenido visible llena la ventana gráfica
Contexto de Shopify: El índice de velocidad mide la experiencia de carga visual general. Se ve afectado por todo: recursos de bloqueo de renderizado, orden de carga de imágenes, entrega de CSS y ejecución de JavaScript. Piense en ello como una métrica "compuesta".
Solución: Mejorar FCP y LCP mejora automáticamente el índice de velocidad. No se necesita ninguna acción separada.
Cómo leer tu informe PSI de Shopify
Cuando ejecutas tu tienda Shopify a través de PageSpeed Insights, verás varias secciones. A continuación se explica cómo leer cada uno de ellos, o si primero desea obtener una base rápida, prueba el rendimiento de tu tienda con nuestra prueba de velocidad gratuita de Shopify:
Paso 1: Verifique primero los datos del campo
En la parte superior del informe PSI, busque "Descubra lo que están experimentando sus usuarios reales". Si su tienda tiene suficiente tráfico, verá Core Web Vitals reales (LCP, INP, CLS). Las marcas de verificación verdes significan que estás superando el umbral de clasificación de Google. esto es lo más importante para SEO. Si no tienes datos de campo, tu tienda aún no tiene suficiente tráfico en Chrome.
Paso 2: observe la puntuación de rendimiento
El número grande (0–100) es la puntuación del laboratorio. Recuerde: esta es una prueba simulada en un dispositivo móvil limitado, no la experiencia real de sus usuarios. Es útil para realizar evaluaciones comparativas y depurar, pero no se obsesione con ello. En contexto, la mayoría de las tiendas Shopify obtienen una puntuación de 20 a 50 en dispositivos móviles.
Paso 3: Verifique qué métricas están en rojo
Las seis métricas están codificadas por colores. Concéntrese primero en los rojos: son los que tienen más margen de mejora. Para la mayoría de las tiendas Shopify, TBT y LCP son los peores infractores. TBT es el 30% de tu puntuación, por lo que arreglarlo genera la mayor ganancia de puntos.
Paso 4: Revisar oportunidades y diagnósticos
Desplácese hacia abajo hasta "Oportunidades" (cosas que ahorran tiempo de carga) y "Diagnóstico" (problemas estructurales). PSI estima el ahorro de tiempo para cada oportunidad. Concéntrese en los elementos con mayores ahorros, generalmente "Eliminar los recursos que bloquean el procesamiento" y "Reducir el JavaScript no utilizado".
Paso 5: No persigas todos los problemas
PSI suele señalar entre 15 y 20 problemas. Muchos tienen un impacto mínimo (ahorrar 50 ms no importa cuando el TBT es de 3000 ms). Concéntrese en las 3 a 5 oportunidades principales con los mayores ahorros estimados. De ahí vendrá el 80% de tu mejora.
La solución fácil: mejore su puntuación de PSI en más de 27 puntos
After analyzing hundreds of Shopify PSI reports, we've found that 60–80% of the available improvement comes from just three optimizations: deferring render-blocking JavaScript, inlining critical CSS, and optimizing font loading. These are exactly what Thunder Page Speed Optimizer automatiza.
Cómo Thunder soluciona los problemas de PSI más comunes:
"Eliminar recursos que bloquean el renderizado"
Thunder pospone todos los JS y CSS que bloquean el procesamiento, incluidos los scripts de aplicaciones de terceros que no puedes controlar manualmente. Ahorros típicos: 1 a 3 segundos.
"Reducir JavaScript no utilizado"
Thunder defers non-critical JavaScript so it doesn't block the main thread, effectively removing it from the critical rendering path.
"Reducir CSS no utilizado"
Thunder incluye solo el CSS crítico necesario para el contenido de la mitad superior de la página y carga el resto de forma asincrónica.
"Asegúrese de que el texto permanezca visible durante la carga de la fuente web"
Thunder agrega visualización de fuentes: intercambia y precarga fuentes críticas automáticamente.
"Reducir el impacto del código de terceros"
Thunder controla cuándo y cómo se ejecutan los scripts de terceros, reduciendo su impacto en TBT.
Mejora media: +27 puntos PageSpeed
Instalación con un clic. Sin cambios de código. Sin modificaciones de tema. Funciona con todos los temas y aplicaciones de Shopify.
Plan gratuito disponible · No se requiere tarjeta de crédito · Instalación en 30 segundos · Ver características · Ver precios
Problemas comunes de Shopify en PageSpeed Insights
Estos son los problemas de PSI que las tiendas Shopify encuentran con más frecuencia, clasificados según su impacto típico:
"Eliminar recursos que bloquean el renderizado"
Alto Impacto Qué significa: Archivos JavaScript y CSS en su <head> prevent the browser from rendering anything until they download. On Shopify, these are mostly from apps — not your theme.
Ahorros típicos: 1000–4000 ms
Corrección manual: Agregar aplazar a etiquetas de script, pero esto corre el riesgo de alterar la funcionalidad de la aplicación. Vea nuestro guía de recursos para bloquear el renderizado. Solución de trueno: Automático: pospone todos los scripts con mapeo de dependencias.
"Reducir JavaScript no utilizado"
Alto ImpactoQué significa: Los archivos JavaScript se cargan pero no todo el código se utiliza en la página actual. Las aplicaciones a menudo cargan su paquete de scripts completo incluso cuando solo se necesita una fracción.
Ahorros típicos: 500–3000 ms
Corrección manual: No se puede modificar el código de una aplicación de terceros. Elimina por completo las aplicaciones no utilizadas. Para obtener un tutorial completo de todas las técnicas de optimización, consulte nuestro guía completa de optimización de velocidad. Solución de trueno: Pospone los scripts no utilizados para que se carguen después de que la página sea interactiva.
"Imágenes del tamaño adecuado"
Impacto MedioQué significa: Las imágenes se muestran con una resolución mayor que la mostrada. Una imagen de producto de 4000×4000px mostrada a 400×400px desperdicia el 99% de los datos.
Ahorros típicos: 200–2000 ms
Corrección manual: Usa Shopify imagen_url filtro con parámetros de ancho. Vea nuestro guía de optimización de imágenes. Solución de trueno: Parcial: Thunder carga imágenes fuera de la pantalla de forma diferida pero no les cambia el tamaño.
"Reducir el impacto del código de terceros"
Impacto MedioQué significa: Los scripts de terceros (análisis, chat, reseñas, etc.) contribuyen significativamente al TBT. PSI enumera cada dominio y cuánto tiempo de subproceso principal consume.
Corrección manual: Elimina aplicaciones o retrasa su carga con JavaScript personalizado. Complejo y arriesgado. Lea nuestro guía de scripts de terceros. Solución de trueno: Automático: gestiona todos los tiempos de ejecución de scripts de terceros.
"Evitar un tamaño DOM excesivo"
Impacto bajo-medioQué significa: Su página tiene demasiados elementos HTML (más de 1500). Los creadores de páginas como GemPages y PageFly suelen generar entre 3000 y 6000+ elementos.
Corrección manual: Simplifique la estructura de la página, reduzca las secciones, considere las secciones de temas nativos en lugar de los creadores de páginas. Solución de trueno: No aplicable: se trata de una cuestión estructural.
Por qué las puntuaciones de PageSpeed móvil son siempre más bajas
La mayoría de los comerciantes de Shopify ven una brecha de 20 a 40 puntos entre sus puntuaciones de PSI en dispositivos móviles y de escritorio. Esto no es un error, es una cuestión de diseño. La prueba móvil es intencionadamente más dura:
📱 Condiciones de prueba móvil
- • Moto G Power emulado (teléfono de nivel medio)
- • CPU acelerada a 4 veces más lenta
- • Conexión 4G lenta simulada
- • Ventana gráfica: 412×823px
- • Umbrales de puntuación mucho más estrictos
💻 Condiciones de prueba de escritorio
- • Sin emulación de dispositivo específico
- • Sin limitación de CPU
- • Sin limitación de red
- • Ventana gráfica: 1350×940px
- • Umbrales de puntuación más indulgentes
¿Cuál importa más? Centrarse en el móvil. Google utiliza la indexación móvil primero y la prueba móvil refleja más fielmente las condiciones que experimentan muchos de sus clientes. Si su puntuación móvil es buena, es casi seguro que su puntuación de escritorio también lo será.
Puntuación de PSI frente a puntuación de velocidad del administrador de Shopify
Ambos usan Google Lighthouse, pero difieren en aspectos importantes:
| Factor | PageSpeed Insights | Puntuación de administrador de Shopify |
|---|---|---|
| Páginas probadas | Cualquier URL que elijas | Solo página de inicio |
| Número de carreras | Prueba única | Promediado en múltiples ejecuciones |
| Incluye datos de campo | Sí (si está disponible) | No |
| Frecuencia de actualización | Bajo demanda | Periódico (varía) |
| Comparación | Puntuación absoluta | Comparado con tiendas similares |
Las diferencias de 5 a 15 puntos entre los dos son normales. Ninguno de los dos es "incorrecto": simplemente son contextos de medición diferentes. Para el trabajo de optimización, utilice PSI directamente, ya que le brinda diagnósticos detallados y le permite probar cualquier página.
Qué utiliza realmente Google para los rankings de búsqueda
Aquí está la verdad que la mayoría de los artículos sobre optimización de velocidad omiten: Google NO utiliza su puntuación de laboratorio de PageSpeed Insights para las clasificaciones.
Google utiliza datos de campo from the Chrome User Experience Report (CrUX) — real metrics from real Chrome users visiting your site. Specifically, Google looks at three Core Web Vitals:
LCP
Pintura con contenido más grande
≤ 2,5 s para pasar
INP
Interacción con la siguiente pintura
≤ 200 ms para pasar
CLS
Cambio de diseño acumulativo
≤ 0,1 para aprobar
Para aprobar Core Web Vitals, al menos el 75% de sus usuarios reales deben tener "buenas" experiencias para las tres métricas. Puede verificar los datos de su campo en la parte superior de cualquier informe PSI o en Google Search Console en Core Web Vitals.
💡 Conclusión práctica: Si su informe PSI muestra datos de campo aprobados (marcas verdes en la parte superior), su velocidad está bien para SEO, incluso si la puntuación del laboratorio parece aterradora. Si aún no tiene datos de campo, aún vale la pena mejorar su puntuación de laboratorio porque se correlaciona con mejores experiencias de usuario reales.
Preguntas frecuentes
¿Qué es Google PageSpeed Insights?
Google PageSpeed Insights (PSI) is a free tool by Google that analyzes page performance and provides both lab data (simulated tests via Lighthouse) and field data (real user metrics from the Chrome User Experience Report). It scores pages 0–100 and measures Core Web Vitals like LCP, CLS, and TBT. For Shopify stores, it's the same engine behind the speed score in your Shopify admin.
¿Cuál es una buena puntuación de PageSpeed Insights para Shopify?
Una puntuación de 90 a 100 es "buena" (verde), de 50 a 89 es "necesita mejorar" (naranja) y de 0 a 49 es "mala" (rojo). La mayoría de las tiendas Shopify obtienen una puntuación de 20 a 50 en dispositivos móviles debido a aplicaciones y scripts de terceros. Un objetivo realista para la mayoría de los comerciantes es entre 60 y 80. Los usuarios de Thunder suelen alcanzar entre 70 y 90+ sin cambios manuales de código.
Why does my Shopify PageSpeed score differ from the Shopify admin speed score?
Ambos usan Google Lighthouse, pero con diferentes condiciones de prueba. Shopify ejecuta la prueba en tu página de inicio usando configuraciones de servidor específicas y promedia varias ejecuciones. PageSpeed Insights te permite probar cualquier página y muestra una sola ejecución. Las diferencias de 5 a 15 puntos son normales. Ninguno de los dos es "incorrecto": simplemente son contextos de medición diferentes.
¿La puntuación de Google PageSpeed Insights afecta al SEO?
The score itself is not a direct ranking factor, but the Core Web Vitals it measures (LCP, CLS, INP) are confirmed Google ranking signals. Google uses field data from real users — not the lab score — for rankings. However, improving your lab score typically improves field data too, so optimizing for PSI indirectly helps your SEO.
¿Por qué mi puntaje de PageSpeed móvil de Shopify es mucho más bajo que el de mi computadora de escritorio?
La prueba móvil de PSI simula un teléfono de nivel medio (Moto G Power) con una conexión 4G acelerada con una desaceleración de CPU 4×. Esto es dramáticamente más duro que la prueba de escritorio, que utiliza una conexión no acelerada y una CPU más rápida. Las tiendas Shopify con mucho JavaScript son las más afectadas porque la CPU acelerada tarda mucho más en analizar y ejecutar scripts. La mayoría de las tiendas obtienen entre 20 y 40 puntos menos en dispositivos móviles que en computadoras de escritorio.
¿Con qué frecuencia debo ejecutar PageSpeed Insights en mi tienda Shopify?
Ejecute PSI después de cualquier cambio importante (instalación de nueva aplicación, actualización de tema, cambio de contenido). Para el seguimiento de rutina, una vez a la semana es suficiente, pero siempre promedie entre 3 y 5 ejecuciones, ya que los resultados individuales varían. Thunder incluye un monitoreo automatizado diario que rastrea su puntaje a lo largo del tiempo, lo cual es más confiable que las verificaciones aleatorias manuales.
¿Puede Thunder solucionar los problemas que encuentra PageSpeed Insights?
Sí, Thunder soluciona automáticamente los problemas de PSI más comunes e impactantes para Shopify: recursos que bloquean el procesamiento, JavaScript no utilizado, entrega de CSS no optimizada, problemas de carga de fuentes e impacto de scripts de terceros. Por lo general, estos representan entre el 60% y el 80% de la mejora disponible. Cuestiones como la optimización de imágenes y el tamaño de DOM requieren trabajo manual o herramientas adicionales.