Los 12 temas de WooCommerce más rápidos de 2022

¿Estás buscando los temas de WooCommerce más rápidos?

Para las tiendas de WooCommerce, la velocidad es clave ya que los tiempos de carga de la página afectan directamente 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 configurará 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 mirada respaldada por evidencia en los temas de WooCommerce más rápidos.

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 funciones 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 económico de DigitalOcean, que en realidad ofrece un rendimiento bastante sólido a pesar de su precio. Se ejecuta en una pila de Nginx (con tecnología de RunCloud).

Para crear un sitio de prueba realista, configuramos nuestro sitio con lo siguiente:

1. WooCommerce
2. Los datos ficticios estándar de WooCommerce, que importan una serie de productos, incluidas imágenes y todos los detalles relevantes del producto.

No hicimos ninguna optimización de rendimiento, como el almacenamiento en 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, además de seguir 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 utiliza algunas funciones de WooCommerce.

Para asegurarnos de recopilar datos de rendimiento significativos, probamos la misma página de producto individual 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 Storefront):

Herramienta de prueba

Para recopilar los datos de prueba en sí, utilizamos WebPageTest. Hay algunas razones por las que nos gusta WebPageTest:

1. Muestra una variedad de métricas, incluido el tiempo hasta el primer byte (TTFB), Core Web Vitals (incluida la pintura con mayor contenido), el tiempo de carga, las solicitudes HTTP y el tamaño de la página.
2. Podemos configurarlo para ejecutar nueve pruebas separadas y tomar el valor medio, lo que elimina la variabilidad de una sola prueba y nos brinda resultados más precisos.
3. Podemos configurarlo para ejecutar pruebas tanto de escritorio como 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:

1. Escritorio : prueba desde un dispositivo de escritorio y usando una conexión FIOS acelerada: 20/5 Mbps 4 ms RTT.
2. Móvil : prueba desde un teléfono iPhone 7+ y usando una conexión acelerada "3G Fast": 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 acelerando la velocidad de la conexión, verá resultados "más lentos" que con una herramienta como Pingdom (que utiliza una conexión sin restricciones súper rápida). Sin embargo, estas velocidades serán más precisas a lo 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 algunas 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 potente como el dispositivo de escritorio, lo que significa que llevará más tiempo 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 vincularemos 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 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 lo utilizará como un 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 detuvo durante 2 segundos".
• Solicitudes HTTP : cuántas solicitudes HTTP realiza el sitio; menos es mejor.
• Tamaño de página : el tamaño de 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 realizamos.

Con toda esa introducción fuera del camino, ¡vamos 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. Sídney

Sydney es nuestro propio tema multipropósito liviano que también viene con una profunda integración con WooCommerce.

Con Sydney 1.75, realizamos una serie de mejoras de rendimiento para ayudarlo a ganar su lugar en esta lista de los temas de WooCommerce más rápidos.

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 funciones y compatibilidad completa con WooCommerce, junto con algunos sitios de demostración importables para las tiendas de 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
• Minicarrito volador
• Pago sin distracciones
• Soporte de encabezado de video
• Integraciones profundas de Elementor, incluidos bloques de Elementor personalizados
• Sin dependencias de jQuery
• Marcado de esquema integrado para mejorar el SEO

Información de rendimiento

• Resultados de escritorio
• resultados móviles

Precios

Sydney tiene una versión gratuita, pero querrá la versión premium para acceder a todas las funciones y sitios de demostración de WooCommerce. Cuesta $ 69 para usar en sitios ilimitados.

2. Kadencia

Kadence es un tema de WordPress más nuevo que ha ganado popularidad rápidamente. Es un tema polivalente flexible que también ofrece una integración profunda con WooCommerce.

En general, ha recibido mucha atención por las profundas opciones de personalización disponibles en el personalizador nativo de WordPress.

Características clave

• Opciones detalladas de personalización en el Personalizador de WordPress
• Generador de encabezado y pie de página de arrastrar y soltar
• Carrito lateral abierto automáticamente cuando un usuario agrega un producto al carrito
• Ajax añadir al carrito
• Agregue fácilmente microcopias e insignias de confianza en puntos clave
• Dos sitios de demostración importables para tiendas WooCommerce

Información de rendimiento

• 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 bien, puede comprar Kadence Suite por $ 219, que incluye otros complementos de WooCommerce del desarrollador.

3. Botiga

Botiga es nuestro nuevo tema gratuito de WooCommerce que creamos desde cero para optimizar el rendimiento.

Utiliza JavaScript estándar sin dependencias de jQuery u otras bibliotecas, y también minimiza su CSS y JavaScript de forma predeterminada.

Fuera de la caja, pesa solo 82,8 KB y está diseñado para mantenerse liviano porque todos los sitios de demostración están creados con el editor de bloques nativo de WordPress en lugar de los creadores de páginas más pesados.

Pero al mismo tiempo, Botiga no escatima en funciones y usted obtiene acceso a muchas opciones de estilo y funciones de comercio electrónico para que su tienda sea un éxito.

Características clave

• 100% dedicado a WooCommerce
• Optimizado para el rendimiento con JavaScript estándar, minificación integrada y más
• Sitios de demostración prefabricados creados con el editor de bloques ligero de WordPress (Gutenberg)
• Opciones avanzadas de personalización de WooCommerce, incluidos múltiples diseños de carritos, filtros de productos, insignias de ventas y más
• Opciones de diseño flexibles en el personalizador de WordPress en tiempo real

Información de rendimiento

• Resultados de escritorio
• resultados móviles

Precios

Botiga tiene una versión gratuita que puede funcionar muy bien para tiendas simples de WooCommerce. Luego, hay una versión Pro que agrega nuevas funciones útiles, como muestras de productos, más estilos de encabezado, posiciones flexibles de la barra lateral, listas de deseos, un carrito fijo y más.

La versión Pro cuesta $ 69 para usar en sitios ilimitados. Puede ver una comparación completa de funciones entre Botiga gratis y Pro en la página de precios.

4. Neva

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
• Habilitar/deshabilitar los metadatos del producto con la marca de una casilla
• Zoom de la imagen del producto
• Página de pago sin distracciones, incluidas opciones para ocultar ciertos campos, por ejemplo, el campo de cupón si no ofrece cupones
• Vista rápida del producto
• Función de lista de deseos

Información de rendimiento

• 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).

5. Astra

Astra es uno de los temas más populares que existen, con la distinción de ser el primer tema no predeterminado en superar un millón de instalaciones activas en WordPress.org.

Es un tema multipropósito que puedes usar para cualquier tipo de sitio. Además, incluye una gran compatibilidad con WooCommerce en la versión premium, junto con muchas funciones útiles.

Características clave

• Toneladas de sitios de demostración importables 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
• Desplazamiento infinito del producto
• carro desplegable
• Opciones de galería de productos flexibles
• Pago sin distracciones
• Opciones de clasificación del catálogo de productos, por ejemplo, clasificación por popularidad (ventas) o calificación promedio

Información de rendimiento

• 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 uso en sitios ilimitados.

6. Woostificar

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 todo su esfuerzo 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 usan Elementor para el contenido de demostración, lo que permite una fácil personalización
• Integración incorporada con complementos de listas de deseos populares (listas de deseos de YITH y lista de deseos de TI)
• Muchas configuraciones de personalización para WooCommerce
• Múltiples diseños de carro
• Soporte de la galería de productos de video
• Temporizadores de cuenta regresiva de ventas para agregar urgencia
• Notificaciones de ventas/vistas
• carro deslizable

Información de rendimiento

• Resultados de escritorio
• resultados móviles

Precios

El tema principal de Woostify está disponible de forma gratuita en WordPress.org. Incluye funciones básicas, así como algunos sitios de demostración.

Para desbloquear todos los sitios de demostración y agregar más funciones, puede comprar Woostify Pro desde $ 49 para usar en un solo sitio.

7. Escaparate

Storefront es el tema gratuito "oficial" de WooCommerce que se ha descargado más de cinco millones de veces.

Como está 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
• Creado específicamente para WooCommerce
• Personaliza tu tienda usando el personalizador nativo de WordPress
• Muchos temas secundarios de Storefront que le permiten cambiar el diseño y adaptar su tienda a nichos específicos

Información de rendimiento

• Resultados de escritorio
• resultados móviles

Precios

El tema principal de Storefront es gratuito.

El equipo de WooCommerce luego ofrece una serie de temas y extensiones para niños 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.

8. GenerarPrensa

GeneratePress es un popular tema multipropósito liviano 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 características específicas de WooCommerce, especialmente si actualiza a GeneratePress Premium (el complemento de complemento 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
• Ícono del 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 o deshabilite fácilmente la visualización de metadatos del producto con solo marcar una casilla
• Pago sin distracciones

Información de rendimiento

• 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 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.

9. 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 de las 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

• Creado 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

• Resultados de escritorio
• resultados móviles

Precios

Orchid Store tiene una versión gratuita en WordPress.org, así como un complemento premium que agrega funciones adicionales al tema principal y cuesta $ 49 para usar en un solo sitio.

10. Timor de compras

A diferencia de muchos de los otros temas en esta lista que son temas multipropósito con integraciones detalladas de WooCommerce, Shoptimizer es un tema de WordPress que está 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 regresiva 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 mejorar el rendimiento
• Funciones integradas de optimización de conversión, como insignias de confianza, microcopia, etc.
• Pago sin distracciones
• Detalles del producto fijos en el pergamino
• 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 de "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

• 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.

11. OceanWP

OceanWP es otro tema multipropósito conocido por su flexibilidad y opciones de personalización.

No es tan ligero como algunos de estos otros temas, pero proporciona un montón de características específicas de WooCommerce, lo que podría hacer que valga la pena el ligero compromiso de rendimiento.

Características clave

• Muchos sitios de demostración importables 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 del lienzo
• Barra flotante para agregar al carrito en el desplazamiento

Información de rendimiento

• Resultados de escritorio
• resultados móviles

Precios

La versión principal de OceanWP está disponible de forma gratuita en WordPress.org, pero las tiendas de WooCommerce querrán la versión premium para desbloquear todas las funciones y sitios de demostración.

La versión premium comienza en $ 39 para usar en un solo sitio.

12. Divi

Divi es uno de los temas premium de WordPress más populares, gracias en gran parte a su constructor de arrastrar y soltar incluido (el Divi Builder).

Si buscas puramente velocidad, Divi está un paso por detrás de estos otros temas. Pero si buscas velocidad y flexibilidad y planeas usar un creador de páginas de todos modos, Divi en realidad no se queda atrás como podría parecer a primera vista.

Recuerde, Divi ya incluye el "peso" del generador visual de arrastrar y soltar, mientras que otros temas no lo hacen. Entonces, si agregara, por ejemplo, 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 planea usar un constructor visual, Divi realmente no tiene sentido.

Características clave

• Constructor incorporado 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 generador de páginas
• Gran mercado de terceros, incluidos los complementos centrados en WooCommerce de desarrolladores de terceros

Información de rendimiento

• 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 usarlos en sitios personales y de clientes ilimitados por un precio. 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 hemos mostrado 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 : Botiga llegó primero por tiempo completo.
• Escritorio : Neve ocupó el primer lugar en el tiempo de carga completa y Woostify fue el primero en la pintura con mayor contenido.

(Recuerde que WebPageTest no dio 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, preparé algunos gráficos:

Móvil (ordenado por tiempo de carga completa):

Escritorio (pedido 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

¡Son muchos datos! Si tuviéramos que resumirlo en algunas conclusiones al tener en cuenta el rendimiento de escritorio y móvil, los mejores parecen ser:

• Sydney: ocupó el segundo lugar 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.
• Botiga: primero en resultados móviles y sexto en LCP de escritorio.
• 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 el escritorio como en el móvil. 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 del escritorio, por lo que no estamos hablando de grandes diferencias entre el puesto n.º 1 y el puesto n.º 7.

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 de WooCommerce más rápidos o cómo probamos estos temas? ¡Pregúntanos en la sección de comentarios!