Rendimiento
Optimización de velocidad y Core Web Vitals en Shopify
Mido la tienda con datos de usuarios reales, no solo con Lighthouse, y arreglo lo que de verdad cuesta segundos: scripts de apps que ya nadie usa, imágenes sin dimensionar y JavaScript del tema que bloquea la interacción.
Primero medir, y medir lo que cuenta
Lighthouse sirve para comparar antes y después en condiciones iguales. Lo que decide tu posicionamiento son los datos de campo de usuarios reales: una tienda puede marcar 95 en Lighthouse y tener malos Core Web Vitals si el 70 % de sus visitas llegan desde un móvil con conexión mala.
Así que la auditoría empieza por los datos reales y por saber de dónde vienen tus visitas. Optimizar el escritorio de una tienda cuyo tráfico es 80 % móvil es trabajo tirado.
El orden en el que arreglo
- Apps fantasma. La app se quita del panel y su script sigue cargando. Es lo primero que miro y casi siempre hay dos o tres. Es también el arreglo más rentable: quitar peso no tiene riesgo de diseño.
- Imágenes. Tamaño declarado, formato moderno, la principal cargada pronto y fuera de cualquier carrusel que necesite JavaScript para pintar el primer fotograma.
- JavaScript del tema. Normalmente es el carrito: reconstruirlo a mano en cada cambio cuando se puede pedir la sección ya renderizada a Shopify.
- Liquid caro. Bucles anidados sobre colecciones grandes. La solución casi siempre es mover el cálculo a un metacampo.
Lo que entrego
El antes y el después medidos con el mismo método, la lista de lo que se tocó y por qué, y lo que no he tocado porque el riesgo no compensaba. En la página de código puedes ver los números de esta web, medidos sobre el sitio desplegado y no en local.