¿Está buscando los temas de WooCommerce más rápidos?
Para las tiendas WooCommerce, la velocidad es clave, ya que los tiempos de carga de la página impactan directamente en las tasas de conversión (lo que determina sus ingresos). Si bien su tema de WooCommerce no es lo único que afecta los tiempos de carga de su tienda, jugará un papel importante.
Por esa razón, desea elegir un tema de WooCommerce que preparará su tienda para el éxito en el departamento de velocidad.
Para ayudarlo a hacer eso, realizamos nuestras propias pruebas de rendimiento prácticas con algunas de las opciones más populares para brindarle una visión respaldada por la evidencia de los temas más rápidos de WooCommerce.
Comenzaremos con una explicación detallada de cómo probamos los temas para que sepa de dónde provienen los datos. Luego, compartiremos los resultados de cada tema, así como información sobre las características clave y los precios del tema.
Cómo probamos los temas de WooCommerce más rápidos
Aquí están todos los detalles esenciales de nuestro entorno de prueba:
Sitio de prueba
En primer lugar, nuestro sitio de prueba está alojado en un servidor DigitalOcean económico, que en realidad ofrece un rendimiento bastante sólido a pesar de su precio. Se ejecuta en una pila totalmente Nginx (con tecnología RunCloud).
Para crear un sitio de prueba realista, configuramos nuestro sitio con lo siguiente:
- WooCommerce
- Los datos ficticios estándar de WooCommerce, que importan una serie de productos, incluidas imágenes y todos los detalles relevantes del producto.
Nos hicieron no hacemos ninguna optimizaciones de rendimiento tales como caché o la optimización del código. En el mundo real, podría lograr mejores tiempos de carga utilizando complementos de almacenamiento en caché y otros complementos de optimización de velocidad , así como siguiendo nuestra guía para acelerar WordPress .
Tampoco cambiamos ninguna opción de personalización del tema, solo usamos la configuración predeterminada. Esta es la forma más “justa” de comparar temas, aunque su sitio puede ser un poco más pesado si importa un sitio de demostración o hace uso de algunas funciones de WooCommerce.
Para asegurarnos de que estamos recopilando datos de rendimiento significativos, probamos la misma página de producto con cada tema (en lugar de la página de inicio).
La página de un solo producto se parece a esto (el tema de ejemplo es Escaparate):
Herramienta de prueba
Para recopilar los datos de prueba en sí, utilizamos WebPageTest . Hay algunas razones por las que nos gusta WebPageTest:
- Muestra una variedad de métricas, incluido el tiempo hasta el primer byte (TTFB), Core Web Vitals (incluida la pintura con contenido más grande), el tiempo de carga, las solicitudes HTTP y el tamaño de la página.
- Podemos configurarlo para ejecutar nueve pruebas separadas y tomar el valor mediano, lo que elimina la variabilidad de una sola prueba y nos da resultados más precisos.
- Podemos configurarlo para ejecutar pruebas de escritorio y móviles y elegir varias velocidades de conexión.
Queremos que estos datos sean lo más útiles posible, por lo que configuramos las pruebas para imitar escenarios del mundo real y ejecutamos dos pruebas diferentes:
- Escritorio : prueba desde un dispositivo de escritorio y usando una conexión FIOS acelerada – RTT de 20/5 Mbps 4ms.
- Móvil : prueba desde un teléfono iPhone 7+ y usando una conexión “3G Fast” acelerada – 1.6 Mbps / 768 Kbps 150 ms RTT. WebPageTest nos permite usar un dispositivo iPhone 7+ real, en lugar de simular un teléfono móvil como otras herramientas.
Debido a que estamos reduciendo la velocidad de la conexión, verá resultados “más lentos” que con una herramienta como Pingdom (que utiliza una conexión superrápida sin limitaciones). Sin embargo, estas velocidades serán más precisas que las que experimentarán sus visitantes humanos reales porque la mayoría de ellos no navegarán con conexiones de Internet ultrarrápidas.
Los tiempos de escritorio también serán más rápidos que los tiempos móviles. Esto sucederá por varias razones:
- La conexión móvil es más lenta porque estamos acelerando a 3G. En el mundo real, sus visitantes móviles pueden experimentar mejores tiempos de carga si usan 4G o conectan su teléfono a WIFI.
- El dispositivo móvil no es tan poderoso como el dispositivo de escritorio, lo que significa que se necesitará más tiempo para procesar JavaScript. Recuerde: estamos usando un iPhone 7+ más antiguo, no el último modelo de primera línea.
Presentaremos los resultados de la prueba en una tabla, pero también enlazaremos a imágenes de los resultados completos de la prueba si desea ver cada métrica. Estas son las métricas que presentaremos:
- Tiempo hasta el primer byte (TTFB) : cuánto tiempo tarda el sitio en responder con el primer byte de datos.
- Pintura con contenido más grande (LCP) : el tiempo que tarda el contenido principal en hacerse visible. Su objetivo es capturar la experiencia del usuario como parte del rendimiento, que es lo que le importa a la mayoría de los humanos. También es parte de la nueva iniciativa Core Web Vitals de Google y Google la utilizará como factor de clasificación en su actualización de Page Experience de mayo de 2021.
- Tiempo de carga completa : WebPageTest define esto como “el punto después de onLoad donde la actividad de la red se ha detenido durante 2 segundos”.
- Solicitudes HTTP : cuántas solicitudes HTTP realiza el sitio; menos es mejor.
- Tamaño de página: el tamaño del archivo de la página completa: cuanto más pequeño, mejor.
Tenga en cuenta que WebPageTest no proporcionó valores de LCP para las pruebas móviles que ejecutamos.
Con toda esa introducción fuera del camino, ¡vayamos a los temas de WooCommerce más rápidos! Se ordenan por tiempo de carga completa del móvil, ya que creemos que el rendimiento móvil es muy importante para las tiendas de comercio electrónico.
Al final de esta publicación, también reuniremos todos los datos, así que sigue leyendo hasta el final para conocer las conclusiones.
1. Sydney
Sydney es nuestro propio tema multipropósito ligero que también viene con una integración profunda de WooCommerce.
Con Sydney 1.75 , hicimos una serie de mejoras de rendimiento para ayudarlo a ganar su lugar en esta lista de los temas más rápidos de WooCommerce.
Sydney no tiene dependencias de jQuery y está codificado siguiendo las mejores prácticas para ayudar a que su tienda se cargue rápidamente.
Más allá del rendimiento, también viene con compatibilidad y características completas de WooCommerce, junto con algunos sitios de demostración importantes para las tiendas WooCommerce.
Características clave
- Tres sitios de demostración de WooCommerce (junto con muchas demostraciones que no son de WooCommerce)
- Estilo personalizable para precios de productos, insignias de ventas, títulos de productos y más
- Minicart fly-in
- Pago sin distracciones
- Soporte de encabezado de video
- Integraciones profundas de Elementor, incluidos bloques Elementor personalizados
- Sin dependencias de jQuery
- Marcado de esquema incorporado para mejorar el SEO
Información de rendimiento
| Primer byte | LCP | Completamente cargado | Solicitudes HTTP | Tamaño de página | |
| Escritorio | 0.087 segundos | 0.913 segundos | 0,814 segundos | 32 | 432 KB |
| Móvil | 1.032 segundos | – | 3.233 segundos | 30 | 248 KB |
- Resultados de escritorio
- Resultados móviles
Precios
Sydney tiene una versión gratuita , pero querrá que la versión premium acceda a todas las funciones y sitios de demostración de WooCommerce . Cuesta $ 69 para usar en sitios ilimitados.
2. Kadence
Kadence es un tema de WordPress más nuevo que ha crecido rápidamente en popularidad. Es un tema multipropósito flexible que también ofrece una integración profunda con WooCommerce.
En general, ha habido mucho interés por las opciones de personalización profundas disponibles en el Personalizador nativo de WordPress.
Características clave
- Opciones de personalización detalladas en el Personalizador de WordPress
- Generador de encabezado y pie de página de arrastrar y soltar
- Carro lateral de apertura automática cuando un usuario agrega un producto al carro
- Ajax añadir al carrito
- Agregue fácilmente microcopias e insignias de confianza en lugares clave
- Dos sitios de demostración importantes para tiendas WooCommerce
Información de rendimiento
| Primer byte | LCP | Completamente cargado | Solicitudes HTTP | Tamaño de página | |
| Escritorio | 0,139 segundos | 1.206 segundos | 1,004 segundos | 36 | 224 KB |
| Móvil | 1,407 segundos | – | 3.610 segundos | 33 | 218 KB |
- Resultados de escritorio
- Resultados móviles
Precios
El tema principal de Kadence está disponible de forma gratuita en WordPress.org. El tema gratuito incluye compatibilidad básica con WooCommerce, pero querrás la versión Pro si te tomas en serio tu tienda.
La versión Pro le brinda acceso a todos los complementos, incluido el complemento WooCommerce, por $ 79 por un año de soporte y actualizaciones. O puede comprar Kadence Suite por $ 219, que incluye otros complementos de WooCommerce del desarrollador.
3. Neve
Neve es un tema multipropósito ligero de ThemeIsle.
El tema central gratuito proporciona una base liviana y compatibilidad general con WooCommerce, mientras que la versión premium se acumula en un montón de características específicas de WooCommerce con su módulo WooCommerce Builder.
Características clave
- Generador de encabezado y pie de página de arrastrar y soltar
- Opciones detalladas de WooCommerce en el Personalizador con el complemento WooCommerce Builder
- Habilite / deshabilite los metadatos del producto con la marca de una casilla
- Zoom de imagen del producto
- Página de pago sin distracciones, que incluye opciones para ocultar ciertos campos, por ejemplo, el campo del cupón si no ofrece cupones
- Vista rápida del producto
- Característica de la lista de deseos
Información de rendimiento
| Primer byte | LCP | Completamente cargado | Solicitudes HTTP | Tamaño de página | |
| Escritorio | 0,116 segundos | 1.000 s | 0,787 segundos | 33 | 225 KB |
| Móvil | 1.574 segundos | – | 3.780 segundos | 30 | 217 KB |
- Resultados de escritorio
- Resultados móviles
Precios
El tema principal de Neve está disponible de forma gratuita en WordPress.org. Para acceder al módulo WooCommerce Booster y otras funciones premium, la versión Pro cuesta $ 99 (hay un plan más económico, pero no incluye el módulo WooCommerce Booster).
4. Astra
Astra es uno de los temas más populares que existen, con la distinción de ser el primer tema no predeterminado en pasar un millón de instalaciones activas en WordPress.org.
Es un tema multipropósito que puede usar para cualquier tipo de sitio. Además, incluye una compatibilidad profunda para WooCommerce en la versión premium, junto con muchas funciones útiles.
Características clave
- Toneladas de sitios de demostración importantes de WooCommerce
- Muchas personalizaciones de estilo y diseño en el Personalizador de WordPress
- Barra lateral fuera del lienzo para filtros de productos y widgets
- Vista rápida del producto
- Producto desplazamiento infinito
- Carrito desplegable
- Opciones de galería de productos flexibles
- Pago sin distracciones
- Opciones de clasificación del catálogo de productos, por ejemplo, ordenar por popularidad (ventas) o calificación promedio
Información de rendimiento
| Primer byte | LCP | Completamente cargado | Solicitudes HTTP | Tamaño de página | |
| Escritorio | 0.332 segundos | 1,151 s | 0,916 segundos | 32 | 221 KB |
| Móvil | 1.860 segundos | – | 3.908 s | 29 | 213 KB |
- Resultados de escritorio
- Resultados móviles
Precios
El tema principal de Astra está disponible de forma gratuita en WordPress.org. El tema gratuito incluye compatibilidad básica con WooCommerce, pero necesitará el complemento premium para acceder a la mayoría de las funciones y opciones de personalización específicas de WooCommerce.
Astra Pro cuesta $ 59 para su uso en sitios ilimitados.
5. Woostify
Woostify es un tema de WordPress que está 100% enfocado en WooCommerce. Personalmente, pienso en este tema como “Astra, si Astra fuera solo para tiendas WooCommerce”.
Debido a que es solo para WooCommerce, el desarrollador puede poner todos sus esfuerzos en crear sitios de demostración de WooCommerce y agregar funciones de WooCommerce.
Características clave
- Sitios de demostración de WooCommerce prediseñados para diferentes nichos: los sitios de demostración utilizan Elementor para el contenido de demostración, lo que permite una fácil personalización
- Integración incorporada con complementos de lista de deseos populares (YITH Wishlists y TI Wishlist)
- Muchas configuraciones de personalizador para WooCommerce
- Varios diseños de carritos
- Soporte de galería de productos de video
- Temporizadores de cuenta regresiva de ventas para agregar urgencia
- Ventas / ver notificaciones
- Carro deslizable
Información de rendimiento
| Primer byte | LCP | Completamente cargado | Solicitudes HTTP | Tamaño de página | |
| Escritorio | 0,180 s | 0,852 segundos | 0,891 segundos | 45 | 275 KB |
| Móvil | 1.292 segundos | – | 4.069 segundos | 44 | 296 KB |
- Resultados de escritorio
- Resultados móviles
Precios
El tema principal de Woostify está disponible de forma gratuita en WordPress.org. Incluye funciones básicas y algunos sitios de demostración.
Para desbloquear todos los sitios de demostración y agregar más funciones, puede comprar Woostify Pro a partir de $ 49 para usar en un solo sitio.
6. Escaparate
Storefront es el tema gratuito “oficial” de WooCommerce que se ha descargado más de cinco millones de veces.
Como es desarrollado y mantenido por el equipo central de WooCommerce, está codificado teniendo en cuenta las mejores prácticas y se integra profundamente con muchas extensiones oficiales de WooCommerce.
Características clave
- Viene directamente del equipo de WooCommerce
- Construido específicamente para WooCommerce
- Personaliza tu tienda con el Personalizador nativo de WordPress
- Muchos temas secundarios de Storefront para permitirle cambiar el diseño y adaptar su tienda a nichos específicos.
Información de rendimiento
| Primer byte | LCP | Completamente cargado | Solicitudes HTTP | Tamaño de página | |
| Escritorio | 0,109 s | 1.266 segundos | 1.085 segundos | 44 | 369 KB |
| Móvil | 1.375 segundos | – | 4.192 segundos | 41 | 365 KB |
- Resultados de escritorio
- Resultados móviles
Precios
El tema principal de Storefront es gratuito.
El equipo de WooCommerce ofrece una serie de temas y extensiones infantiles gratuitos y de pago.
En primer lugar, el paquete Storefront Extensions agrega una serie de nuevas funciones y opciones de personalización a Storefront por $ 69.
En cuanto a los temas secundarios de Storefront , encontrará opciones gratuitas y de pago. Los temas infantiles premium cuestan $ 39 cada uno.
7. GeneratePress
GeneratePress es un tema multipropósito ligero y popular con una buena reputación por su rendimiento y limpieza de código.
Si bien puede usarlo para crear cualquier tipo de sitio de WordPress, también obtiene muchas funciones específicas de WooCommerce, especialmente si actualiza a GeneratePress Premium (el complemento de complemento de pago).
Características clave
- Código limpio y ligero
- Complemento dedicado de WooCommerce en la versión premium: le brinda opciones especiales de diseño y estilo para WooCommerce
- Icono de carrito de compras en el menú: muestra los artículos o el valor del carrito
- Carrito de panel adhesivo: muestra una barra de notificación adhesiva cuando los compradores agregan un artículo a sus carritos y / o cuando se desplazan hacia abajo.
- Habilite / deshabilite fácilmente la visualización de metadatos de productos con la marca de una casilla
- Pago sin distracciones
Información de rendimiento
| Primer byte | LCP | Completamente cargado | Solicitudes HTTP | Tamaño de página | |
| Escritorio | 0,122 segundos | 1.018 segundos | 0,788 segundos | 32 | 201 KB |
| Móvil | 1.852 segundos | – | 4.216 segundos | 29 | 194 KB |
- Resultados de escritorio
- Resultados móviles
Precios
El tema principal de GeneratePress está disponible de forma gratuita en WordPress.org. El tema gratuito incluye compatibilidad básica con WooCommerce, pero necesitará el complemento de complemento premium para desbloquear la mayoría de las funciones y opciones de personalización específicas de WooCommerce.
GeneratePress Premium cuesta $ 59 por un año de soporte y actualizaciones o $ 249 por soporte y actualizaciones de por vida.
8. Tienda de orquídeas
Al igual que Woostify, Orchid Store está diseñado específicamente para WooCommerce; no es un tema multipropósito como muchas otras opciones.
Ofrece sitios de demostración que están un poco más “ocupados” que los otros temas. Eso no es una crítica, solo algo que noté mientras navegaba por su demostración.
Características clave
- Construido específicamente para WooCommerce
- Tres sitios de demostración de comercio electrónico importables
- Ajax añadir al carrito
- Soporte de lista de deseos incorporado
- Cambiador de moneda (pro)
- Widget de ofertas de productos (pro)
Información de rendimiento
| Primer byte | LCP | Completamente cargado | Solicitudes HTTP | Tamaño de página | |
| Escritorio | 0.102 segundos | 1,183 s | 0,949 segundos | 37 | 397 |
| Móvil | 0.359 segundos | – | 4.259 segundos | 34 | 391 |
- Resultados de escritorio
- Resultados móviles
Precios
Orchid Store tiene una versión gratuita en WordPress.org, así como un complemento premium que agrega características adicionales al tema principal y cuesta $ 49 para usar en un solo sitio.
9. Shoptimizer
A diferencia de muchos de los otros temas de esta lista que son temas multipropósito con integraciones detalladas de WooCommerce, Shoptimizer es un tema de WordPress 100% dedicado a WooCommerce.
Este enfoque singular le permite incorporar algunas características específicas de WooCommerce más avanzadas que las que ofrecen los otros temas.
Uno de los resultados más notables es un conjunto de funciones centradas en la conversión, como temporizadores de cuenta atrás de ventas y avisos de urgencia de estado de existencias, insignias de confianza en lugares clave, espacio adicional para microcopias para explicar las políticas de envío y devolución, y más.
También incluye algunas funciones integradas para mejorar la experiencia de compra, como la búsqueda Ajax integrada con resultados instantáneos.
Características clave
- 100% dedicado a WooCommerce
- Minificación de código incorporada para un rendimiento mejorado
- Funciones de optimización de conversión integradas, como insignias de confianza, microcopia, etc.
- Pago sin distracciones
- Detalles adhesivos del producto en scroll
- FOMO de un solo producto para impulsar la urgencia, por ejemplo, temporizadores de cuenta regresiva de venta o “solo quedan X artículos en stock”
- Una función para “solicitar una devolución de llamada”, que es útil para productos de alto valor.
- Búsqueda de productos Ajax para resultados de búsqueda instantáneos
- Utiliza Elementor para contenido de demostración para una fácil personalización
Información de rendimiento
| Primer byte | LCP | Completamente cargado | Solicitudes HTTP | Tamaño de página | |
| Escritorio | 0.088 segundos | 1.067 segundos | 0,821 segundos | 37 | 249 KB |
| Móvil | 1.831 segundos | – | 4.360 segundos | 34 | 243 |
- Resultados de escritorio
- Resultados móviles
Precios
Shoptimizer solo viene en una versión premium. Su precio de lista es de $ 99, pero hay un descuento esencialmente permanente de $ 39, por lo que debería poder comprarlo por $ 39.
10. OceanWP
OceanWP es otro tema multipropósito conocido por su flexibilidad y opciones de personalización.
No es bastante tan ligero como algunos de estos otros temas, pero proporciona un montón de características WooCommerce específicos, lo que podría hacer trade-off de la ligera rendimiento vale la pena el golpe.
Características clave
- Muchos sitios de demostración importantes para tiendas de comercio electrónico
- Icono de carrito de compras flexible
- Vista rápida del producto
- Pago sin distracciones
- Pago de varios pasos con barra de progreso
- Carro deslizable para escritorio y móvil
- Filtros de productos fuera de la lona
- Barra flotante de agregar al carrito en el desplazamiento
Información de rendimiento
| Primer byte | LCP | Completamente cargado | Solicitudes HTTP | Tamaño de página | |
| Escritorio | 0,101 s | 1.217 segundos | 0,995 segundos | 50 | 405 KB |
| Móvil | 1.632 segundos | – | 5.218 segundos | 47 | 405 KB |
- Resultados de escritorio
- Resultados móviles
Precios
La versión principal de OceanWP está disponible de forma gratuita en WordPress.org, pero las tiendas WooCommerce querrán que la versión premium desbloquee todas las funciones y los sitios de demostración.
La versión premium comienza en $ 39 para usar en un solo sitio.
11. Divi
Divi es uno de los temas premium de WordPress más populares, gracias en gran parte a su generador de arrastrar y soltar incluido ( Divi Builder ).
Si solo busca velocidad, Divi está un paso por detrás de estos otros temas. Pero si lo que busca es velocidad y flexibilidad y planea usar un creador de páginas de todos modos, Divi en realidad no está tan atrás como podría parecer a primera vista.
Recuerde, Divi ya incluye el “peso” del constructor visual de arrastrar y soltar, mientras que otros temas no lo hacen. Entonces, si tuviera que, por ejemplo, agregar Elementor o Brizy a otro de estos temas, estarían mucho más cerca de Divi una vez que agregue el peso de esos constructores. Por supuesto, si no planeas usar un constructor visual, Divi no tiene mucho sentido.
Características clave
- Constructor integrado de arrastrar y soltar (Divi Builder)
- Divi Builder admite la creación de páginas y la creación de temas completos, incluido el diseño de las plantillas de su tienda WooCommerce utilizando el generador de arrastrar y soltar
- Módulos dedicados de WooCommerce en el creador de páginas
- Gran mercado de terceros, incluidos complementos centrados en WooCommerce de desarrolladores externos
Información de rendimiento
| Primer byte | LCP | Completamente cargado | Solicitudes HTTP | Tamaño de página | |
| Escritorio | 0.391 segundos | 1.622 segundos | 1.389 segundos | 42 | 601 KB |
| Móvil | 2.725 segundos | – | 6,933 s | 39 | 576 KB |
- Resultados de escritorio
- Resultados móviles
Precios
Divi solo está disponible como parte de la membresía de Elegant Themes , que le permite acceder a todos los productos de Elegant Themes y utilizarlos en sitios personales y de clientes ilimitados por un precio único. Puede pagar $ 89 por una membresía de un año o $ 249 por una membresía de por vida.
¿Cuál es el tema de WooCommerce más rápido?
Le mostramos una gran cantidad de datos para temas individuales. Ahora, juntemos todo para que pueda ver cómo se comparan estos temas.
Llegaré a esto de diferentes maneras. En primer lugar, hablemos de los temas generales más rápidos para dispositivos móviles y de escritorio:
- Móvil : Sydney ocupó el primer lugar por tiempo completo.
- Escritorio : Neve ocupó el primer lugar en tiempo de carga completa y Woostify fue el primero en Pintura con contenido más grande.
(Recuerde que WebPageTest no proporcionó tiempos de LCP en dispositivos móviles).
Por supuesto, las diferencias entre el primer y el segundo lugar son bastante pequeñas (o incluso entre el primer y el séptimo lugar). Entonces, para ver cómo se comparan todos los temas, armé algunos gráficos:
Móvil (ordenado por tiempo de carga completa):
Escritorio (ordenado por LCP):
Solicitudes HTTP y tamaño de página (ordenadas por solicitudes HTTP):
Además, si desea ver un volcado sin procesar de todos los datos, puede consultar la hoja completa aquí .
Conclusiones generales
¡Eso es una gran cantidad de datos! Si tuviéramos que resumirlo en algunas conclusiones al tener en cuenta el rendimiento tanto del escritorio como del móvil, los mejores resultados parecen ser:
- Sydney : fue el primero en los resultados móviles y el segundo en LCP de escritorio.
- Neve : fue el primero en los resultados de escritorio y el tercero en dispositivos móviles.
- Woostify : fue el primero en LCP de escritorio, pero el quinto en tiempo de carga completa tanto para escritorio como para dispositivos móviles.
- GeneratePress : tenía el tamaño de página más pequeño tanto en computadoras de escritorio como en dispositivos móviles. También fue segundo en tiempos de carga de escritorio.
Como ya he mencionado, las diferencias entre los temas no son tan grandes . Por ejemplo, Astra estaba solo una décima de segundo detrás de Neve en términos de tiempos de carga completa de escritorio, por lo que no estamos hablando de grandes diferencias entre el ranking # 1 y el ranking # 6.
Entonces, si te encanta uno de los otros temas, aún puedes crear un sitio de carga muy rápida incluso usando un tema diferente.
¿Tiene alguna pregunta sobre los temas más rápidos de WooCommerce o cómo probamos estos temas? ¡Pregúntanos en la sección de comentarios!
