GUÍA DE RENDIMIENTO · 13 MIN DE LECTURA

Velocidad del sitio Shopify: cómo mejorar tu puntuación

PageSpeed a 90+ en 2026Design premium, conversion optimisée, croissance durable.

La velocidad del sitio Shopify depende de 3 métricas Core Web Vitals (LCP, INP, CLS) y 7 palancas de ejecución: auditoría de apps, imágenes, fuentes, scripts de terceros, tema, lazy loading y CSS crítico. En las tiendas que audita RYSE, la puntuación PageSpeed móvil comienza generalmente entre 30 y 50 y supera los 90 una vez que las 7 palancas se ejecutan con método.

En resumen

Por qué la velocidad de Shopify impacta en tu facturación

La velocidad del sitio Shopify se ha convertido en una cuestión de ingresos, no de comodidad. Cuando tu PageSpeed móvil se queda bloqueado en 35, dos cosas ocurren en paralelo: Google degrada tus páginas en los SERP a través de los Core Web Vitals, y uno de cada tres visitantes se va antes de que la ficha de producto haya terminado de cargar. Según Google, pasar el LCP de 6 segundos a 2,5 segundos puede aumentar la conversión móvil entre un 20% y un 25% (web.dev).

En RYSE Agency, Shopify Partner certificado y agencia Shopify exclusiva en París, hemos llevado a cabo más de 200 proyectos y 120+ migraciones. En las auditorías técnicas que realizamos, el diagnóstico es casi siempre el mismo: la velocidad se ve lastrada por apps no controladas, imágenes sin optimizar y un tema que carga todo, siempre. Este artículo es una guía de ejecución: sin generalidades, sin "comprime tus imágenes", sino 7 palancas precisas con la herramienta, el método y el rango de ganancia típica. Para la definición de alto nivel de los Core Web Vitals y su lugar en Google, la guía SEO Shopify 2026 es el punto de partida adecuado. Aquí nos adentramos en la mecánica.

Auditoría de velocidad gratuita

¿Quieres una auditoría de velocidad cuantificada de tu tienda antes de empezar? Contacta con el equipo de RYSE — la auditoría de descubrimiento es gratuita.

Solicitar una auditoría gratuita
Sección 01

¿Qué es la velocidad del sitio Shopify y por qué afecta a tu facturación?

En resumen

La velocidad del sitio Shopify es el conjunto de métricas técnicas (Core Web Vitals, puntuación PageSpeed, Shopify Speed Score) que miden el tiempo de carga percibido de una tienda. Google la utiliza como señal de ranking desde 2021. Una página que carga en 1 segundo convierte hasta 3 veces más que una que tarda 5 segundos.

La velocidad del sitio Shopify abarca tres cosas distintas que muchos merchants confunden:

  1. La puntuación PageSpeed Insights: la nota sobre 100 que Google otorga a tu página, calculada con Lighthouse en modo laboratorio (lab data).
  2. Los Core Web Vitals (CWV): LCP, INP, CLS. Medidos en condiciones reales (field data, base CrUX) sobre visitantes reales de Chrome. Esto es lo que Google usa para el ranking, no la puntuación Lighthouse.
  3. El Shopify Online Store Speed Score: una puntuación interna de Shopify, calculada sobre una muestra de páginas. Media de la plataforma alrededor de 25/100; una buena puntuación empieza en 40+, el top 10% de las tiendas supera los 65+ (Shopify).

Las apuestas comerciales están documentadas. Según Google y SOASTA, +1 segundo de tiempo de carga en móvil aumenta un 32% la probabilidad de rebote. Y cada segundo ganado en el LCP se traduce, en la mayoría de las tiendas que acompañamos, en una ganancia medible en tasa de conversión y duración de sesión. Para la palanca de conversión más amplia, consulta nuestro artículo sobre optimización de la tasa de conversión en Shopify.

Sección 02

Los 3 Core Web Vitals a alcanzar para una tienda Shopify en 2026

En resumen

Tres métricas oficiales, tres umbrales a superar. LCP por debajo de 2,5 segundos (tiempo de carga del elemento visible más grande), INP por debajo de 200 milisegundos (respuesta a las interacciones, sustituye a FID desde marzo de 2024), CLS por debajo de 0,1 (estabilidad visual, sin saltos de diseño). Por debajo de estos umbrales, Google considera la página "necesita mejorar" o "deficiente", y el ranking se resiente.

Nota: INP reemplazó oficialmente a FID el 12 de marzo de 2024 (web.dev/inp). Si tu proveedor sigue hablando de FID, es una señal de alarma.

Umbrales oficiales de Core Web Vitals y causas en Shopify
MétricaUmbral buenoNecesita mejoraDeficienteCausas en Shopify
LCP (Largest Contentful Paint)≤ 2,5 s2,5 a 4 s> 4 sImagen hero no optimizada, fuentes personalizadas, JS de app bloqueante
INP (Interaction to Next Paint)≤ 200 ms200 a 500 ms> 500 msScripts de terceros pesados (chat, reseñas, A/B testing), apps sin auditar
CLS (Cumulative Layout Shift)≤ 0,10,1 a 0,25> 0,25Banners publicitarios, fuentes sin font-display swap, imágenes sin dimensiones
Sección 03

Por qué tu sitio Shopify suele ser lento por defecto

En resumen

Shopify es rápido en teoría (CDN integrado, infraestructura global), pero la velocidad real depende en un 80% de lo que apiles encima: apps, tema, fuentes, scripts de terceros. Cuatro causas estructurales explican casi todos los resultados de PageSpeed móvil por debajo de 50.

Shopify no es lento por naturaleza. El servidor es rápido, las imágenes pasan por un CDN global, el checkout está ultra-optimizado. El ralentizamiento casi siempre proviene de la capa que el merchant ha añadido sobre Shopify.

Las 4 causas estructurales que diagnosticamos en cada auditoría:

  1. Un ecosistema de apps no controlado. Cada app de Shopify inyecta generalmente entre 50 y 200 ms de JavaScript adicional según lo que haga. En una tienda que ha acumulado 15 apps en 2 años, hablamos de 1 a 3 segundos añadidos al tiempo de carga y un INP que se dispara. Las apps de reseñas, upsell, chat, seguimiento y lista de deseos son las más pesadas.
  2. Un tema premium «todo en uno». Los temas del Theme Store que prometen «todo configurable» cargan a menudo todas las secciones, todos los bloques, todas las variantes de CSS, incluso las que no muestras. El tema oficial Dawn de Shopify es más ligero, pero hay que saber utilizarlo.
  3. Fuentes web mal cargadas. Tres familias de fuentes distintas, seis pesos cada una, sin font-display swap, sin preload en la fuente hero. Resultado: destello de texto invisible (FOIT) y un LCP destrozado.
  4. Scripts de terceros no diferidos. Google Tag Manager cargando 8 scripts en cascada, Hotjar, Klaviyo, Meta Pixel, TikTok Pixel, Microsoft Clarity — todos síncronos. Cada uno bloquea el hilo principal y eleva el INP.
Conclusión clave

La velocidad del sitio Shopify es casi siempre un problema de disciplina, no de plataforma. La pregunta no es «cómo puede Shopify ser más rápido», sino «¿qué he acumulado que está ralentizando Shopify?».

Sección 04

Cómo auditar la velocidad de tu sitio Shopify: el método RYSE en 4 pasos

En resumen

Cuatro herramientas complementarias (PageSpeed Insights, Lighthouse, WebPageTest, Shopify Speed Score) ofrecen una visión completa. Audita siempre en modo móvil primero, en 3 páginas distintas (inicio, colección, ficha de producto), antes y después de cada optimización para medir la ganancia real.

  1. PageSpeed Insights, modo móvil. Ve a pagespeed.web.dev, introduce la URL, cambia a la pestaña Móvil. Fíjate en dos cosas: la puntuación Lighthouse (lab data, arriba) y los Core Web Vitals «Datos de campo» (field data, encima). Son los CWV los que importan para el ranking, no la puntuación lab.
  2. Lighthouse en modo incógnito. Abre Chrome DevTools, pestaña Lighthouse, modo incógnito, móvil, «Performance». El modo incógnito elimina las extensiones que distorsionan la medición. Lighthouse te ofrece el análisis detallado por recurso.
  3. WebPageTest para el waterfall. webpagetest.org ofrece el detalle segundo a segundo de qué se carga y en qué orden. Es la herramienta para identificar exactamente qué app está arrastrando el INP.
  4. Shopify Online Store Speed Score. En el admin de Shopify, ve a Online Store, luego Themes y Online store speed. Es una puntuación útil para seguir la evolución en el tiempo, pero no te quedes solo con ella: no mide los CWV.

Un buen método de diagnóstico es solo un paso. Para el marco completo, consulta nuestra auditoría SEO e-commerce completa, donde la velocidad es el paso 2 de una auditoría en 7 fases. Piensa también en estructurar el enlazado interno de tu tienda, otra palanca SEO de gran impacto que combinar con el rendimiento.

Auditoría de velocidad priorizada

¿No quieres adentrarte en Lighthouse solo? El equipo de RYSE entrega una auditoría de velocidad cuantificada y priorizada.

Solicitar una auditoría
Sección 05

Las 7 palancas de optimización ordenadas por impacto

En resumen

No todas las palancas son iguales. En las tiendas que auditamos, el filtrado de apps representa entre el 40 y el 60% de la ganancia total. Las imágenes vienen después, luego las fuentes y los scripts de terceros. El resto es ajuste fino.

01
Auditoría y purga de apps

Lista todas tus apps instaladas (Admin → Apps). Para cada una, pregúntate: ¿genera ingresos medibles? Si no puedes responder que sí con datos, desinstálala. Para las apps que conserves, comprueba en WebPageTest cuáles inyectan JS en todas las páginas cuando solo se usan en el checkout o en una página de producto. Herramienta: el informe «Request Map» de WebPageTest visualiza qué app inyecta qué.

Ganancia típica: +15 a +30 puntos de PageSpeed móvil.
02
Optimización de imágenes

Shopify sirve automáticamente las imágenes en WebP a través de su CDN, siempre que la etiqueta img use srcset correctamente (filtro Liquid image_url con width e image_tag). Comprueba el peso de las imágenes hero: deben mantenerse por debajo de 200 KB. El lazy loading nativo (loading="lazy") debe estar presente en todas las imágenes por debajo del fold, pero nunca en la imagen hero, que pesa en el LCP. Herramienta: el inspector Network de DevTools filtrado por «Img» y ordenado por tamaño.

Ganancia típica: +10 a +20 puntos.
03
Fuentes web

Máximo 2 familias de fuentes, máximo 2 pesos por familia. Usa siempre font-display swap (CSS). Precarga la fuente del título hero con link rel=preload as=font type=font/woff2 crossorigin. Si usas Google Fonts, pasa a fuentes autoalojadas: sin más solicitudes DNS de terceros.

Ganancia típica: +5 a +12 puntos.
04
Scripts de terceros diferidos

Audita los scripts en el head de theme.liquid. Todo lo que no sea crítico para el renderizado (tracking, chat, A/B testing) debe cargarse con defer o async. Para Google Tag Manager, puedes cambiar las etiquetas no críticas a «disparador de visibilidad» o «disparador tras la carga».

Ganancia típica: +5 a +15 puntos, principalmente en INP.
05
Tema optimizado

El tema Dawn (oficial de Shopify, gratuito) es uno de los más rápidos. Si estás usando un tema premium de 2020 sobrecargado, una refactorización en Dawn o un tema personalizado ligero suele resolver el 30% del problema por sí sola. Es también la oportunidad de revisar la arquitectura — consulta nuestro artículo sobre la rediseño del sitio e-commerce.

Ganancia típica: +10 a +25 puntos si se cambia el tema.
06
Lazy loading de secciones por debajo del fold

Las secciones de Shopify que se muestran por debajo del fold pueden cargarse de forma diferida mediante Intersection Observer o a través de los patrones nativos de Dawn. Especialmente eficaz en páginas de colección con galerías de productos largas y en landing pages con múltiples bloques visuales.

Ganancia típica: +5 a +10 puntos.
07
CSS crítico inlineado y preconnect

Inserta en el head los 10 KB de CSS crítico para el renderizado above the fold, carga el resto de forma asíncrona. Añade link rel=preconnect para los 3 o 4 dominios de terceros críticos (CDN, Google Fonts si se conservan, analytics). Nivel de esfuerzo más alto — reserva para después de las palancas 1 a 6.

Ganancia típica: +3 a +8 puntos.
Conclusión clave

Ejecuta primero las palancas 1 a 4. Representan entre el 70 y el 80% de la ganancia total. Las palancas 5 a 7 son ajustes, para activar una vez saneada la base.

Sección 06

Caso práctico: pasar de un PageSpeed móvil de 32 a 94

Contexto (tienda anonimizada). Marca de moda femenina, 1.200 referencias, tema premium, 14 apps instaladas en 2 años, tráfico mensual 80.000 sesiones, 72% móvil.

Estado inicial. PageSpeed móvil: 32/100. LCP: 4,8 s (deficiente). INP: 580 ms (deficiente). CLS: 0,18 (necesita mejora). Shopify Speed Score: 22/100.

Optimizaciones ejecutadas (4 semanas).

Caso práctico RYSE: ganancias por palanca en 4 semanas
PalancaAcciónGanancia medida
AppsDe 14 a 7 (eliminación de apps de fidelización, lista de deseos, 2 chats redundantes, A/B testing sin usar)+18 puntos
ImágenesRecompresión de imágenes hero y activación de srcset Liquid en el 100% del tema+12 puntos
FuentesDe 3 familias a 2, preload en la fuente del título, font-display swap+9 puntos
ScriptsGTM reorganizado, 8 etiquetas activadas en visibilidad o tras la carga+11 puntos
TemaRefactorización de 4 secciones personalizadas mal optimizadas (sin cambio de tema)+8 puntos
Lazy loadingActivado en las 3 secciones bajo el fold de la página de inicio y las colecciones+4 puntos
Estado final

Estado final. PageSpeed móvil: 94/100. LCP: 1,9 s (bueno). INP: 165 ms (bueno). CLS: 0,06 (bueno). Shopify Speed Score: 71/100.

El impacto en el negocio observado en las 6 semanas siguientes: tráfico orgánico en progresión, duración de sesión en aumento, tasa de conversión móvil en mejora. El rendimiento no es el único factor, pero ha dejado de estar en la lista de frenos.

Sección 07

Falsos mitos sobre la velocidad en Shopify

En resumen

Algunas optimizaciones populares son, en el mejor de los casos, marginales y, en el peor, perjudiciales. Cuatro errores clásicos a evitar en Shopify.

ErrorPor qué es un falso mitoValor
Apps «Speed Booster» milagrosasMuchas prometen +30 puntos con un clic. En la práctica, minimizan CSS (ganancia marginal en Shopify, que ya está minificado), a veces rompen el renderizado, y añaden ellas mismas JavaScript. En las auditorías que realizamos, la ganancia neta raramente es positiva.Valor
AMPShopify no admite AMP de forma nativa desde 2023. Es inútil dedicarle tiempo: el propio Google deprecó su privilegio en los SERP en 2021.Valor
Desactivar Shopify AnalyticsBusca una ganancia inexistente y te desconecta del seguimiento del negocio. No lo hagas.Valor
Eliminar brutalmente todas las appsRompe dependencias (apps vinculadas a tu embudo de compra, a tu seguimiento de conversión publicitaria) y hace perder ingresos. La purga debe ser metódica — palanca 1 anterior.Valor
Sección 08

¿Cuánto cuesta una optimización de velocidad en Shopify con una agencia?

En resumen

Una auditoría de velocidad por sí sola parte generalmente de entre 800 y 1.500 € según la complejidad. Una optimización completa «de 30 a 90+» representa 3 a 8 días de prestación según el alcance, es decir, entre 3.000 y 8.000 € en Shopify estándar. En Shopify Plus con un tema personalizado complejo, el alcance se amplía.

En las misiones de velocidad lideradas por RYSE, el encuadre típico es: 1 día de auditoría cuantificada y priorizada, 2 a 6 días de ejecución según la puntuación objetivo y el número de palancas a activar, 1 día de medición post-optimización. El rango depende principalmente del tema de partida: un tema personalizado mal codificado requiere más refactorización que un tema Dawn ya limpio. Para un proyecto nuevo, el rendimiento se enmarca desde la fase de creación del sitio Shopify, lo que evita este tipo de optimización correctora.

La auditoría de descubrimiento es gratuita. Es el punto de entrada adecuado para enmarcar el ROI esperado antes de comprometerse con una misión.

Auditoría de velocidad cuantificada

Contacta con el equipo de RYSE. Auditoría de velocidad cuantificada, respuesta en 24 horas laborables.

Solicitar una auditoría

Preguntas frecuentes sobre la velocidad de Shopify

FAQ, Velocidad del sitio Shopify

Conclusión: convertir la velocidad en una ventaja en los SERP

La velocidad del sitio Shopify no es ni un tema reservado a los desarrolladores ni una optimización cosmética. Es una palanca medible de SEO, conversión y calidad de experiencia — y suele ser la palanca con la mejor relación esfuerzo/impacto que activamos en las tiendas que acompañamos. El método es conocido: auditar en modo móvil, ejecutar las 7 palancas por orden de impacto, medir tras cada acción. Las herramientas son gratuitas; la gestión es lo que marca la diferencia.

Si quieres ganar 6 meses en el diagnóstico y pasar directamente a la ejecución priorizada, solicita una auditoría de velocidad cuantificada. Es el punto de entrada adecuado para enmarcar el ROI esperado antes de comprometerse.

Próximo paso

Del diagnóstico a la ejecución

priorizada en pocos días

Contacta con el equipo de RYSE para una auditoría de velocidad Shopify gratuita. Nuestra experiencia en SEO e-commerce y nuestro estatus de agencia Shopify partner están al servicio de los resultados.

Prendre RDV Shopify 1€

Proyectos entregados de principio a fin

  • MAIÔ PARIS
    ShopifySwimwear
  • ORA-P
    ShopifyJoyería
  • Laboratoire Cap Ferret
    ShopifySkincare
La newsletter RYSE

Un email par mois.Rien de superflu

Les meilleures pratiques Shopify, nos cas d'études clients et les tendances e-commerce que l'on aime. Rien d'autre.

[POURQUOI VOUS INSCRIVEZ-VOUS ?]

En vous inscrivant, vous acceptez de recevoir la newsletter mensuelle de RYSE. Désinscription en un clic.