Reportajes e investigación sobre Shopify y el comercio electrónico
Los dos temas gratuitos propios de Shopify, auditados uno al lado del otro en sus demos oficiales: tres ejecuciones de Lighthouse en móvil para cada uno. Horizon tiene el motor más limpio, y el doble de LCP.
Todo dueño de una tienda Shopify se encuentra primero con estos dos temas: Dawn, el caballo de batalla de código abierto que ha sido el tema de referencia de la plataforma durante años, y Horizon, la familia propia más reciente que Shopify ahora pone frente a los nuevos comerciantes. El interés de búsqueda por el par sigue creciendo, y lo primero que aparece en los resultados de Google son hilos de Reddit intercambiando impresiones. Así que, en lugar de impresiones, aquí van mediciones.
| Métrica (mediana de 3 ejecuciones) | Dawn | Horizon | Mejor |
|---|---|---|---|
| LCP | 6.17s | 12.32s | Dawn, 2× |
| Total Blocking Time | 57ms | 29ms | Horizon, 2× |
| CLS | 0.000 | 0.000 | empate |
| First Contentful Paint | 2.80s | 3.57s | Dawn |
| Speed Index | 5.51s | 7.01s | Dawn |
| Puntaje de rendimiento de Lighthouse | 69 | 62 | Dawn |
El resultado principal, que Dawn pinta su elemento más grande el doble de rápido, esconde el hallazgo más interesante.
El motor de Horizon es el más liviano de los dos. Un Total Blocking Time de 29ms es un número excelente; significa que casi no hay JavaScript entre el comprador y una página interactiva. Los 57ms de Dawn también son buenos, pero el runtime de Horizon hace menos trabajo. El código del tema no es el problema.
El escaparate de Horizon sí es el problema. Shopify vistió la demo de Horizon con el estilo a sangre completa y cargado de multimedia que el tema está diseñado para vender, y ese contenido multimedia es lo que tarda 12.3 segundos en pintarse en una conexión móvil con throttling. Esto importa más allá de la demo: las secciones y los valores predeterminados con los que llega un tema son los que la mayoría de los comerciantes conserva. Si instalas Horizon y mantienes el video de portada y las imágenes sobredimensionadas, heredas ese LCP. Si lo cambias por contenido multimedia disciplinado y correctamente dimensionado, obtienes el motor limpio de Horizon sin el peso de su demo.
Dawn se mantiene aburrido y gana. La demo de Dawn es modesta, con imágenes más pequeñas y sin video, y convierte esa contención en un LCP de 6.17s y el puntaje general más alto. Esa es toda la filosofía de Dawn, visible en su código fuente: JavaScript mínimo, recursos que priorizan lo del sistema, valores predeterminados que no pelean con la red.
Elige según lo que realmente vayas a hacer con el contenido multimedia. Un comerciante que quiera narrativa en video a sangre completa hará lento cualquiera de los dos temas, pero parte de un runtime más liviano con Horizon. Un comerciante que quiera el escaparate gratuito razonablemente más rápido y que mantenga las imágenes modestas llega antes con Dawn.
Y si la velocidad de fábrica es el factor decisivo, ten en cuenta que ninguno de los dos temas gratuitos lideró nuestra prueba completa: la demo más rápida que medimos fue Ultra con 1.91s de LCP, uno de los seis temas de UTD en la tienda oficial, tres de los cuales ocuparon los tres primeros puestos del ranking de 15 temas. Gratis es el punto de partida correcto; simplemente no es el techo de velocidad.
Horizon es la familia de temas propios más reciente de Shopify y se ofrece como opción predeterminada para tiendas nuevas, mientras que Dawn sigue disponible en el Theme Store y como referencia de código abierto en GitHub. Los foros de comerciantes debaten la sucesión, pero ambos reciben mantenimiento actualmente y son gratuitos.
En sus tiendas demo oficiales, bajo condiciones idénticas de Lighthouse en móvil, el LCP mediano de Dawn fue de 6.17 segundos frente a los 12.32 de Horizon. Pero el Total Blocking Time de Horizon fue menor (29ms vs 57ms), así que su pintado más lento es peso del contenido multimedia de la demo, no peso del motor.
Sí. Ambos son temas propios de Shopify disponibles sin costo, y por eso son el punto de comparación predeterminado para cualquier compra de un tema de pago.