Los 10 temas de WooCommerce más rápidos en 2022 (según nuestras pruebas exhaustivas)

Una tienda que genera $30 000 al mes podría estar perdiendo $25 000 al año en ingresos debido a un retraso de solo un segundo. Para una tienda más lenta que eso, la pérdida sería aún mayor.

Uno de los componentes clave de una tienda WooCommerce rápida es su tema. Elegir el tema incorrecto podría ralentizar su tienda y dañar su negocio al reducir las conversiones, impactar negativamente en la experiencia del usuario y dañar las clasificaciones de los motores de búsqueda.

Entonces, para ayudarlo a asegurarse de que su tema no impida que su sitio web se cargue tan rápido como podría, hemos comparado el rendimiento de 10 de los temas de WooCommerce más rápidos disponibles en 2022.

Algunos de ellos han sido diseñados explícitamente para tiendas WooCommerce, mientras que otros son opciones de propósito general que tienen buenas plantillas y características de comercio electrónico. La mayoría de estos temas afirman ser los más rápidos disponibles, mientras que otros se han incluido porque son opciones muy populares.

Resumen de Resultados

Puede ver los resultados completos de las pruebas y averiguar exactamente cómo se ejecutaron las pruebas más adelante en este artículo; sin embargo, aquí hay un breve resumen que explica qué temas fueron los más rápidos.

Para las pruebas, utilizamos Google PageSpeed ​​Insights (PSI) y Pingdom. Antes de ejecutar las pruebas, y después de activar cada tema, se actualizó el sitio web para preparar el caché interno de cada tema. Tanto PSI como Pingdom brindan una calificación de desempeño general, con una puntuación de 100, así como información más detallada sobre el desempeño de un sitio.

PSI también mide el rendimiento de los temas en dispositivos móviles y de escritorio. Con Pingdom, solo se evaluó la experiencia de escritorio. Se probaron la página de un solo producto y la página de inicio de la tienda en cada sitio.

Basado en el grado de desempeño promedio de PSI de las dos páginas (producto único y página de inicio de la tienda), los temas con mejor desempeño, según PSI, fueron:

• Mejor calificación de rendimiento de PSI móvil: Shoptimizer (calificación promedio 93.5).
• Mejor calificación de rendimiento PSI de escritorio: Botiga (calificación promedio 92.5).
• Mejor calificación general de rendimiento móvil y de escritorio de PSI: Shoptimizer (calificación promedio de 86.25).

Como verá en este artículo, hay más en los resultados de las pruebas que solo las calificaciones de desempeño; sin embargo, dan una buena visión general de qué tan rápido es un tema.

Primera demora de entrada y tiempo total de bloqueo

Una métrica útil para ver en los resultados es el tiempo total de bloqueo (TBT). TBT da una buena indicación de cuánto tiempo tarda una página en volverse interactiva, por ejemplo, las acciones se pueden realizar cuando un usuario hace clic en un botón u otro elemento interactivo de la página. Esto juega un papel en First Input Delay (FID) y qué tan rápido los usuarios perciben que es una página.

FID mide el tiempo desde que un usuario interactúa por primera vez con una página hasta el momento en que el navegador puede comenzar a procesar la respuesta a esa interacción. Aunque FID no se puede medir en pruebas de laboratorio, el tiempo de bloqueo de una página, que se mide por PSI, se correlaciona bien con FID.

Según Google, si el tiempo de bloqueo de una tarea es superior a 50 ms, "es probable que el usuario note el retraso y perciba la página como lenta o irregular". El TBT de una página es la suma del tiempo de bloqueo para cada tarea larga que ocurre entre el primer dolor de contenido (FCP) y el tiempo de interacción (TTI).

Cualquier cosa que pueda hacer para mejorar TBT también debería mejorar FID, lo que a su vez aumenta la rapidez con la que los usuarios experimentan una página.

Casi todos los temas probados tuvieron buenos puntajes TBT para escritorio, pero solo GeneratePress, OceanWP y Storefront obtuvieron buenos resultados en las pruebas TBT móviles.

Mirando todos los resultados, y no solo TBT, Shoptimizer fue el mejor en general, aunque su calificación promedio de rendimiento móvil PSI (79) fue ligeramente más baja que algunos otros temas. Debido a esto, es posible que esté más interesado en el tema GeneratePress, ya que obtuvo una buena puntuación tanto en dispositivos móviles como en computadoras de escritorio (82,5 y 88,5, respectivamente) al promediar las puntuaciones tanto para la página única como para la página de inicio de la tienda.

A medida que las ventas de comercio electrónico minorista móvil en todo el mundo continúan creciendo, pasando de $ 2.9 mil millones en 2020 a $ 3.5 mil millones en 2021, según Statista, es vital que elija un tema que sea rápido tanto para usuarios de escritorio como móviles. En base a esto, GeneratePress es la mejor opción lista para usar, según las pruebas de PSI.

Pingdom, que midió el tamaño de la página, el tiempo de carga y la cantidad de solicitudes, al mismo tiempo que otorgaba una calificación de rendimiento, encontró que Astra tenía las páginas de productos y tiendas más rápidas, aunque Botiga y GeneratePress tenían calificaciones de rendimiento promedio ligeramente más altas.

¿Cuál es el tema de WooCommerce más rápido en 2022?

Como los temas se probaron con una variedad de criterios de Pingdom y PSI, no es fácil elegir un ganador claro sobre cuál es el tema de WooCommerce más rápido en 2022.

Sin embargo, los temas que mejor se desempeñaron en todas las pruebas fueron Boitga, GeneratePress y Shoptimizer.

Puede ver los detalles completos de los resultados de las pruebas a continuación para ayudarlo a encontrar el tema más rápido para su tienda.

Los temas de WooCommerce más rápidos

Aquí están los detalles de los temas más rápidos para WooCommerce, enumerados en orden alfabético.

Astra

Astra está disponible en versiones gratuitas y de pago y es un tema de WordPress totalmente personalizable.

Hay muchas plantillas bien diseñadas para elegir al configurar su tienda. Poder editar las plantillas de Astra con Beaver Builder, Brizy, Elementor y el editor de bloques de WordPress le brinda mucha libertad creativa.

Tanto la versión gratuita como la de pago de Astra tienen funciones útiles compatibles con WooCommerce para mejorar su tienda, aunque obtiene mucho más con la versión de pago.

Características clave

• Se puede editar todo el tema, incluido el encabezado y el pie de página.
• Un montón de plantillas de comercio electrónico totalmente editables.
• Capacidad para crear encabezados separados solo para dispositivos móviles para mejorar la experiencia de usuario.

Resultados de la prueba Astra

Astra tiene algunos de los grados de rendimiento más altos de Pingdom. PSI le dio a Astra una calificación muy positiva para los usuarios de escritorio, pero por debajo del promedio para el rendimiento móvil. En general, es un tema de WooCommerce rápido, pero hay opciones más rápidas en esta colección.

Botiga

Botiga es otro WooCommerce que está disponible en versiones gratuitas y de pago.

Entre las características de WooCommerce, encontrará múltiples estilos de listado de productos, una selección de diseños de galería de productos y dos diseños de carrito diferentes. También puede usar filtros de productos y recomendaciones para promocionar su inventario. Las características premium incluyen listas de deseos, un botón adhesivo para agregar al carrito y diseños adicionales de encabezado y pie de página.

Características clave

• Dos demostraciones de tiendas de comercio electrónico.
• Diseño limpio y minimalista altamente personalizable.
• Conjunto de encabezados optimizados para dispositivos móviles.

Resultados de la prueba de Botiga

Botiga fue uno de los temas más rápidos probados para este artículo. Los puntajes de PSI de escritorio fueron muy buenos, aunque hubo algunos otros temas con puntajes de PSI móviles más altos.

divide

Divi es el tema insignia de WordPress de Elegant Themes. Viene con una gran cantidad de atractivos paquetes de sitios web y plantillas individuales, incluidas muchas opciones de comercio electrónico.

Divi también viene con su propia poderosa herramienta de creación de páginas integrada en el tema. Divi Builder le brinda control total sobre el diseño de su sitio web y es un fuerte rival para los mejores complementos de WordPress de este tipo.

Como Divi tiene una función de prueba A/B fácil de usar, puede ejecutar experimentos para optimizar su tienda para obtener tasas de conversión más altas.

Características clave

• Gran biblioteca de demostraciones de tiendas en línea totalmente editables.
• Creador de páginas integrado con edición completa del sitio.
• Módulos de contenido personalizables.

Resultados de la prueba Divi

Divi tiene algunos de los tamaños de página más grandes, solo superado por OceanWP, y esto pareció tener un impacto negativo en algunos de sus puntajes. Si bien PSI encontró que el rendimiento de la computadora de escritorio era bueno, el rendimiento móvil estuvo entre los peores.

GenerarPrensa

Disponible en versiones gratuitas y de pago, GeneratePress afirma ser el tema de WordPress más rápido disponible. Pagar por la versión premium le da acceso a más plantillas y acceso a canales de soporte premium.

Para ayudarlo a lanzar su tienda, GeneratePress viene con una serie de plantillas de comercio electrónico. Como este tema tiene su propio editor, puedes personalizar todos los aspectos de tu sitio web a través de una interfaz visual.

Características clave

• Múltiples demostraciones de sitios web de tiendas de comercio electrónico.
• Herramienta de creación de temas basada en bloques.
• Opciones de encabezado solo para dispositivos móviles.

Resultados de la prueba GeneratePress

GeneratePress fue el tema de WooCommerce con mejor rendimiento probado en general, gracias a sus altas puntuaciones en las calificaciones de rendimiento móvil y de escritorio de PSI. También le fue bien en las pruebas de Pingdom.

kadencia

Kadence es otro tema gratuito que se puede mejorar instalando complementos premium.

Kadence también viene con una gran biblioteca de demostraciones de sitios web gratuitos y de pago, que incluyen una serie de diseños de comercio electrónico. Los usuarios de WooCommerce pueden comprar el kit de la tienda Kadence para agregar más funciones de comercio electrónico a su tienda, incluido el zoom de la imagen del producto, avisos del carrito, revisiones avanzadas y más.

Características clave

• Selección de plantillas de encabezado y pie de página totalmente editables.
• La configuración global facilita la personalización de su tienda y mantiene una apariencia uniforme en todo momento.
• Compatible con Beaver Builder y Elementor.

Resultados de la prueba de cadencia

A Kadence le fue bien en las pruebas de Pingdom, con una calificación de desempeño muy buena para la página de inicio de la tienda. Sin embargo, las puntuaciones de rendimiento móvil en PSI no fueron tan buenas como algunas de la competencia.

Nevé

Neve viene en algunas variaciones diferentes, incluido el paquete Business premium que incluye muchas funciones adicionales de WooCommerce.

También hay una versión gratuita limitada, así que puedes probarla antes de comprarla. Sin embargo, pagar más por la licencia de empresa o de agencia le da acceso a más diseños de tienda, una función de lista de deseos, múltiples estilos de pago y más.

Neve también tiene un diseño móvil primero que debería hacer que su tienda WooCommerce sea muy fácil de navegar en dispositivos de pantalla más pequeños. La compatibilidad con los principales complementos de creación de páginas de WordPress significa que puede editar su sitio web con la herramienta que elija o simplemente usar el editor de bloques predeterminado de WordPress.

Características clave

• Muchas funciones para las tiendas WooCommerce.
• Funciona con los principales creadores de páginas de terceros.
• Más de 100 sitios de inicio editables, incluidas muchas opciones de comercio electrónico.

Resultados de la prueba de Neve

Neve fue uno de los temas más rápidos probados. Sin embargo, se quedó un poco atrás en algunas de las pruebas móviles de PSI, en comparación con los temas más rápidos de esta comparación.

OceanWP

OceanWP es un tema multipropósito con muchas demostraciones de tiendas de comercio electrónico disponibles en la versión paga. La versión gratuita viene con algunas demostraciones de comercio electrónico, pero la actualización a la versión paga desbloquea más demostraciones y funciones adicionales.

Dependiendo de la demostración que elija, podría editar todo su sitio, incluidos el encabezado y el pie de página, utilizando el complemento del generador de páginas de Elementor. La versión paga de OceanWP incluye una selección de módulos Elementor personalizados que le brindan más libertad creativa.

Características clave

• Gran cantidad de demostraciones de sitios web listas para usar, incluidos muchos diseños de comercio electrónico.
• Módulos personalizados para Elementor.
• Tres estilos de menú móvil para una experiencia de usuario móvil mejorada.

Resultados de la prueba de OceanWP

OceanWP tuvo los tamaños de página más grandes y la mayoría de las solicitudes según Pingdom, y debido a esto tuvo algunos de los tiempos de carga más lentos. Los puntajes móviles de PSI también fueron algunos de los peores. Sin embargo, el rendimiento del escritorio en PSI estuvo bien.

Shoptimizer

Shoptimizer es un tema centrado en WooCommerce que se ha creado teniendo en cuenta la velocidad y las conversiones.

Para ayudar a acelerar su tienda, Shoptimizer ha minimizado y ha habilitado CSS crítico de forma inmediata. Las características centradas en la conversión que podrían generar más ventas en su tienda incluyen una experiencia de pago sin distracciones, la capacidad de mostrar información de envío y devoluciones en la página del producto y distintivos de confianza para tranquilizar a sus clientes.

Características clave

• Contador de existencias y temporizadores de cuenta atrás para generar ventas.
• Deslice las notificaciones de ventas para aumentar la prueba social.
• Diseño móvil primero para mejorar la experiencia de usuario de los teléfonos inteligentes.

Resultados de la prueba de Shoptimizer

Shoptimizer obtuvo la mejor calificación promedio de rendimiento de escritorio de PSI, así como una alta calificación de rendimiento móvil. Los resultados de Pingdom también fueron impresionantes.

Escaparate

Storefront es el tema oficial de WooCommerce y es de uso gratuito.

La versión gratuita de Storefront tiene lo suficiente para comenzar y hacer algunos ajustes en su diseño. Sin embargo, si realmente desea crear una tienda personalizada, deberá comprar el paquete de extensiones Storefront o algunas de las extensiones individuales.

Características clave

• Diseño minimalista para una UX despejada.
• Biblioteca de temas secundarios para transformar rápidamente el aspecto de su tienda.
• Construido y mantenido por el equipo responsable de WooCommerce.

Resultados de la prueba de escaparate

Storefront tiene una puntuación de rendimiento de escritorio promedio muy buena en PSI, pero se vio defraudada por una puntuación móvil relativamente baja. Los resultados de Pingdom fueron buenos, pero no los mejores.

woostificar

Woostify es otro tema gratuito de WooCommerce que se puede mejorar con complementos pagos.

La versión principal de Woostify ha sido diseñada para ser lo más ligera posible, con el objetivo de mejorar los tiempos de carga. Como se pueden agregar funciones adicionales a través de extensiones, puede evitar sobrecargar innecesariamente su sitio instalando solo los complementos que necesita. Todos los complementos y sitios de inicio están disponibles por un precio en lugar de por complemento.

Características clave

• Sitios de inicio gratuitos y de pago que se pueden editar con Elementor.
• Complementos de pago que incluyen funciones de WooCommerce y más opciones de personalización.
• Múltiples páginas de productos, diseño de listado y plantillas de encabezado.

Resultados de la prueba Woostify

Woostify obtuvo algunos de los peores puntajes en esta comparación, especialmente en lo que respecta al rendimiento móvil.

Acerca de las pruebas

Para las pruebas, se creó una instalación nueva en un sitio web de WordPress alojado por SiteGround. WooCommerce se instaló en el sitio y se importaron los datos de la tienda de muestra para el complemento.

Luego, se probó el rendimiento de la página de un solo producto y la página de inicio de la tienda en Pingdom y Google PageSpeed ​​Insights. La misma ubicación de prueba, que era la ubicación más cercana a donde estaba alojado el sitio, se eligió en Pingdom.

Para cada prueba, se activó y usó un tema diferente en su estado predeterminado. Ninguna de las demostraciones de temas se importó y tampoco se instalaron complementos adicionales. Como no se usaron herramientas de rendimiento, podría obtener resultados aún mejores al habilitar el almacenamiento en caché, usar una CDN, optimizar imágenes e implementar la minificación. Una herramienta que puede ayudarte a hacer todo eso es NitroPack.

Vitales principales de la web

Core Web Vitals (CWV) es una colección de pruebas que utiliza Google para dar a una página una puntuación de rendimiento general. Las páginas se pueden calificar como buenas, necesitan mejorar y malas. Para que una página pase la prueba de CWV y logre una buena calificación, la puntuación de rendimiento debe estar en el rango de 90 a 100.

La puntuación de CWV se basa en los resultados de las pruebas Largest Contentful Paint (LCP), First Input Delay (FID) y Cumulative Layout Shift (CLS). Para pasar la prueba CWV, una página deberá obtener una buena puntuación en los tres componentes.

En términos generales, estas pruebas analizan no solo la velocidad de una página, sino también cuán receptiva y visualmente estable es.

Fuente: https://web.dev/vitals-business-impact/

En este artículo, puede encontrar las puntuaciones LCP y CLS para los temas probados. Como se mencionó, FID no está disponible a través de la prueba de laboratorio PSI, pero TBT está estrechamente relacionado con FID.

Una buena puntuación de CWV puede ayudar a brindar una experiencia de usuario positiva y también contribuir a mejorar la clasificación en los motores de búsqueda.

Como puede ver en los resultados anteriores, en las pruebas de escritorio, tres de los temas obtuvieron una calificación de rendimiento de 90 o superior para la página de un solo producto, y ocho de los temas obtuvieron una calificación superior a 90 en la prueba de la página de inicio de la tienda. Ninguno de los temas logró una calificación de rendimiento aprobatoria de 90 o superior en las pruebas móviles. Sin embargo, GeneratePress, Kadence y Shoptimizer fueron los que más se acercaron a la puntuación de 90.

Resumen

Como puede ver, su elección de tema afecta la velocidad de su tienda, especialmente cuando se trata de la experiencia móvil.

La mayoría de estos temas se desempeñaron bien, con buenas calificaciones de desempeño y otras puntuaciones. Sin embargo, hubo algunos que se destacaron de la competencia, con Botiga, GeneratePress, Neve y Shoptimizer funcionando particularmente bien.

Divi, OceanWP y Woostify parecieron ser los que más lucharon, principalmente en lo que respecta a los resultados móviles de PSI.

Como mencionamos anteriormente, las compras en línea móviles continúan creciendo en popularidad, por lo que es importante elegir un tema que se cargue rápidamente para esta audiencia.

Independientemente del tema que elija, asegúrese de optimizar su sitio en lugar de simplemente usar la configuración predeterminada de WordPress, su host y su tema. Herramientas como NitroPack, que es compatible con todos los temas anteriores, pueden mejorar rápidamente el rendimiento de su sitio de varias maneras, incluida la velocidad de carga en dispositivos móviles.