Velocidad del tema Shopify en teléfonos reales
El trabajo de velocidad en Shopify tiene una forma predecible: los equipos optimizan Liquid, discuten sobre el tema y dejan una imagen hero cuatro veces más grande de lo que se renderiza y once scripts de terceros cargando antes de que la página pinte.
Mide primero, luego arregla en el orden que rinde.
Dónde se va realmente el tiempo#
| Causa | Proporción típica del problema | Dificultad para arreglar |
|---|---|---|
| Imágenes sobredimensionadas o sin optimizar | Grande | Fácil |
| Scripts de terceros y apps | Grande | Media — política, no técnica |
| Fuentes web | Moderada | Fácil |
| Sliders pesados y secciones hero con vídeo | Moderada | Fácil, si puedes ganar la discusión |
| Renderizado de Liquid | Pequeña | Media |
El orden en que trabajar#
- Mide en un teléfono de gama media con una conexión real, no en tu portátil.
- Arregla las imágenes: dimensiones correctas, formato moderno, lazy-load para todo lo que esté debajo del pliegue.
- Audita los scripts: elimina apps que nadie usa; aplaza todo lo que no sea necesario para pintar.
- Recorta el hero: una imagen supera a un carrusel de vídeo con reproducción automática en todas las métricas que importan.
- Reduce y precarga las fuentes, o usa fuentes del sistema.
- Solo entonces mira el código del tema.
Mide lo que sienten los clientes#
El Largest Contentful Paint en la página de producto sobre una conexión móvil es el número que se correlaciona con los ingresos. Las puntuaciones sintéticas son útiles para detectar regresiones y terribles como objetivos — una tienda puede puntuar bien y aun así sentirse lenta para un cliente en un tren.
Registra una línea base antes de cualquier cambio y después de cada uno. Sin una línea base, el trabajo de velocidad se convierte en una discusión sobre opiniones.
La conversación sobre las apps#
La mayoría de los problemas de velocidad son la app favorita de alguien. Trae números: esta app cuesta 400ms en cada página de producto y la usan dos personas. Esa conversación va mejor que "el sitio es lento" y es la que produce ganancias reales.
Preguntas frecuentes
¿Importa la elección del tema para la velocidad?
Menos que las imágenes y los scripts. Un tema bien construido ayuda, pero no puede superar once scripts de terceros.
¿Vale la pena perseguir una puntuación perfecta?
No. Persigue el tiempo de pintado de la página de producto en un teléfono de gama media; eso es lo que experimentan los clientes.
¿Cuestan realmente tanto las apps?
Las que están de cara al escaparate sí. Mide cada una desactivándola y volviendo a probar — los números suelen zanjar el debate.
velocidad shopifyvelocidad de página shopifyrendimiento shopifycore web vitals shopifyvelocidad tema shopify
