Cuando estás iniciando una nueva tienda WooCommerce, primero tendrás que elegir un buen tema de WooCommerce. Dependiendo de sus deseos, es posible que también necesite un creador de páginas para ajustar el diseño de su sitio a sus requisitos únicos. En este artículo, enumeramos los creadores de páginas más rápidos para WooCommerce.
Un creador de páginas es un plugin que le permite editar el diseño de su sitio con mayor detalle sin escribir ningún código. Ofrece más opciones y flexibilidad que un tema.
En este artículo, analizaremos más de cerca algunos de los creadores de páginas más populares y probaremos cuál es el más rápido en combinación con WooCommerce.
Tabla de contenido
¿Necesito un creador de páginas para mi sitio WooCommerce?
Estrictamente hablando, no necesitas un creador de páginas para crear tu sitio web. WooCommerce tiene plantillas integradas para mostrar todas las páginas necesarias: la página de la tienda, las páginas de un solo producto, la página de la cuenta, etc.
De forma predeterminada, estas plantillas parecen bastante básicas, pero ahí es donde entra en juego su tema. Su tema listo para WooCommerce tiene un diseño incorporado que hace que estas páginas de comercio electrónico se vean bien desde el primer momento.
La mayoría de los buenos temas también ofrecen opciones adicionales para personalizar aún más su diseño. Podrás cambiar los colores de tu marca, actualizar las fuentes y elegir tamaños de fuente.
Si está satisfecho con esta opción limitada de flexibilidad, no necesita un creador de páginas.
Pero, ¿qué pasa si desea tener un mayor control sobre el diseño del sitio? ¿Qué sucede si desea reorganizar componentes, mostrar secciones adicionales o crear páginas de inicio de productos personalizadas?
En esos escenarios, necesitará un creador de páginas para personalizar su diseño. con mayor detalle.
Los creadores de páginas son plugins diseñados para brindarle control adicional sobre el aspecto y la organización de su sitio web, yendo más allá de lo que pueden hacer los temas. Si bien puede tomar un poco de tiempo dominarlos, le facilitan la creación de páginas web sin tener que codificar.
Si necesita un creador de páginas depende de sus objetivos y de lo satisfecho que esté con el diseño integrado y las opciones que ofrece su tema.
¿WordPress viene con su propio creador de páginas?
WordPress no viene con su propio creador de páginas por defecto. Sin embargo, en 2023, WordPress lanzó la “Edición completa del sitio” (FSE para abreviar), que ofrece a los usuarios una forma de editar visualmente todos los aspectos de su sitio (encabezados de navegación, pies de página y cualquier cosa intermedia) utilizando “bloques”. Los bloques son componentes de diseño individuales como:
- Una imagen
- Un párrafo
- Un botón
- …
Antes de 2023, no había forma de cambiar el diseño de páginas específicas a menos que su tema tuviera opciones específicas para hacerlo o escribiera un código personalizado. Para utilizar FSE, su tema debe habilitar esta funcionalidad.
TLDR
Si tiene poco tiempo, aquí está la lista que muestra los creadores de páginas más rápidos con WooCommerce:
| Creador de páginas | Clasificación | Puntuación de PageSpeed Insights | Puntuación TTFB | Puntuación media |
| Edición de sitio completo + bloques | 1 | 97 | 74 | 85,5 |
| break dance | 2 | 100 | 70 | 85 |
| Elementor | 3 | 97 | 68 | 82,5 |
| Constructor de castores | 4 | 97 | 66 | 81,5 |
| divid | 5 | 98 | 62 | 80 |
¿Debería utilizar FSE en lugar de un creador de páginas?
La edición de sitio completo (FSE) es un paso en la dirección correcta, ya que WordPress ahora le permite tener más control sobre cómo estructurar sus páginas. Puede agregar, reorganizar o eliminar bloques más fácilmente, por lo que no estará limitado por el diseño fijo con el que viene WooCommerce o su tema.
Pero, no es como un creador de páginas completo que tienen opciones de diseño más avanzadas. Los creadores de páginas verdaderas todavía tienen estas características que FSE no tiene actualmente:
- Configuraciones responsivas: Los creadores de páginas le permiten crear diseños responsivos agregando secciones o configuraciones separadas solo para dispositivos móviles. Actualmente, WordPress FSE no tiene esta característica.
- Elementos de diseño avanzados: Los creadores de páginas suelen venir con componentes más avanzados que puedes agregar a tus páginas, como acordeones, líneas de tiempo, cuadros de Google Map, controles deslizantes de contenido, etc.
- Plantillas prediseñadas: Los creadores de páginas le permiten importar plantillas de demostración para comenzar. Si no estás de humor creativo, ¡esto te ayudará a empezar mucho más rápido!
- Opciones de estilo avanzadas: Los creadores de páginas tendrán opciones más avanzadas para diseñar elementos, como sombras paralelas o animaciones.
¿Cómo probamos la velocidad del sitio web?
Al evaluar la velocidad de diferentes creadores de páginas en combinación con WooCommerce, es importante mantener la equidad en las pruebas. Es por eso que creamos 5 sitios de prueba diferentes (uno para cada creador de páginas) en el mismo hosting y con exactamente la misma configuración. Así es como están configurados nuestros sitios de prueba:
- Todos los sitios de prueba estaban alojados en el mismo host en la misma ubicación.
- Cada sitio de prueba ejecutaba WordPress versión 6.4.3 y PHP 8.2.
- Solo se instalaron WooCommerce y los plugins requeridos por el creador de páginas.
- No se implementaron optimizaciones de página adicionales.
- Con cada creador de páginas, creamos una única página de producto con el mismo tipo de componentes. Esto garantiza que todas las páginas tengan el mismo diseño y que una no cargue más componentes de diseño que las demás.
El significado de las métricas.
Para probar la velocidad de cualquier creador de temas, deberá utilizar las herramientas de seguimiento del rendimiento adecuadas que tenga a su disposición. Estas son las herramientas populares que utilizamos durante nuestras pruebas:
- Información de PageSpeed: PageSpeed Insights (PSI) es popular entre los propietarios de sitios WooCommerce como herramienta de evaluación comparativa del rendimiento del sitio. Desarrollado por el equipo de Google, es la mejor «fuente de verdad» para saber qué tan bien se está desempeñando su sitio en términos de SEO, velocidad, usabilidad y accesibilidad. Cuanto más altas sean tus puntuaciones, mayores serán tus posibilidades de aparecer en una mejor posición en los resultados de búsqueda de Google.
- pingdom: esta herramienta le muestra el tiempo exacto de carga de la página (en milisegundos), así como el tamaño de una página (en términos de megabytes).
- Probador TTFB de KeyCDN: Esta herramienta mide el tiempo hasta el primer byte (TTFB). Explicamos qué es esta métrica y por qué es útil un poco más adelante en el artículo.
Cada una de estas herramientas mide y muestra información específica. Repasaremos rápidamente cada métrica para que sepas lo que estás viendo. Advertencia: ¡esta parte es bastante técnica!
Métricas de Google PageSpeed Insights
El análisis de PageSpeed Insights ofrece mucha información. Lo que más nos interesa es la puntuación de rendimiento todo en uno:
Este es un número del 0 al 100 (cuanto más alto, mejor) que indica la velocidad general de su página. La puntuación es una medida de estos datos:
- Primera pintura llena de contenido: Esta métrica le indica cuánto tiempo tarda en aparecer la primera imagen o texto mientras se carga el sitio web. Cuanto más bajo, mejor.
- Índice de velocidad: El índice de velocidad mide la rapidez con la que se muestra visualmente el contenido durante la carga de la página. Cuanto más bajo, mejor.
- Pintura con contenido más grande (LCP): Esta métrica calcula cuánto tiempo tarda el elemento o bloque de contenido más destacado en aparecer en la página. Nuevamente, cuanto menor sea esta puntuación, mejor.
- Tiempo total de bloqueo (TBT): El tiempo total de bloqueo indica el tiempo que un proceso grande bloquea la página para que los visitantes no puedan interactuar con ella. Desea que esta puntuación sea lo más baja posible (idealmente cero).
- Cambio de diseño acumulativo (CLS): Esto mide el movimiento de los elementos visibles mientras se carga la página.
Métricas de pingdom
Pingdom muestra 4 métricas interesantes adicionales:
- Grado de rendimiento: Esta es una evaluación general de qué tan optimizado está un sitio web en cuanto a velocidad en función de factores como el tiempo de carga, el tamaño de la página y la cantidad de solicitudes. Esta calificación es una letra de la A a la F, donde A es excelente y F es la peor puntuación posible.
- Tamaño de página: Este es el tamaño completo de la página, incluidos todos los activos, como código HTML, scripts e imágenes. Una puntuación más baja es mejor.
- Tiempo de carga: Este es el tiempo total que su página necesitó para cargarse por completo. Esto incluye cargar todos los recursos incluidos, como imágenes y guiones.
- Peticiones: La cantidad de solicitudes durante la carga de la página que el navegador realiza a su servidor. Un número menor es mejor.
La métrica de tiempo hasta el primer byte (TTFB)
El tiempo hasta el primer byte (TTFB) es el tiempo que tarda el navegador de un usuario en recibir el primer byte de datos de un servidor web después de realizar una solicitud. En palabras más sencillas: esto indica cuánto tiempo está trabajando su servidor para representar la página web.
Un TTFB alto generalmente indica que tienes un host más lento o que estás usando muchos plugins y todos están haciendo algo para representar la página.
Lógicamente, si tu sitio está alojado en Europa y alguien te visita desde Australia, el TTFB será mayor porque la distancia entre el visitante y el anfitrión es mayor. Es por eso que mediremos el TTFB desde diferentes lugares del mundo y luego tomaremos un promedio.
Ahora que sabes cómo probamos los creadores de páginas de WooCommerce más rápidos, finalmente es hora de sumergirte y observar los plugins de los creadores de páginas y su desempeño durante nuestras pruebas.
1. Edición del sitio completo con bloques WooCommerce
Ya presentamos el concepto de edición de sitio completo (FSE) anteriormente en este artículo, que es la forma incorporada de WordPress para diseñar y estructurar páginas. Si bien no es un creador de páginas completo, queríamos incluirlo en esta comparación ya que ofrece algunas ventajas:
- Este es el futuro de WordPress y se está desarrollando activamente.
- Está integrado, por lo que no necesita plugins adicionales.
- Es gratis, mientras que los plugins de creación de páginas son un gasto pago.
Para esta prueba utilizamos el Tema veinticuatroque es el primer tema oficial de WordPress que admite la edición de sitio completo.
¡Finalmente profundicemos en algunos números!
Velocidad de página de Google
PageSpeed Insights de Google muestra una puntuación casi perfecta para nuestra página de producto única creada con WooCommerce Blocks:
- Puntaje total: 97
- Primera pintura llena de contenido: 0,5 s
- Tiempo total de bloqueo: 0 ms
- Índice de velocidad: 0,9 segundos
- Pintura con contenido más grande (LCP): 1,3 segundos
- Cambio de diseño acumulativo (CLS): 0
pingdom
Pingdom muestra que la página está completamente cargada (incluidos scripts e imágenes) en alrededor de 0,9 segundoslo cual es bastante bueno considerando que es inferior a 1 segundo y nuestros sitios de prueba no se benefician de los plugins de optimización o almacenamiento en caché.
La razón por la que la calificación de rendimiento de Pingdom es más baja es que el tamaño total de la página supera 1 megabyte. Desafortunadamente, tanto WooCommerce como Full-Site Editing incluyen algunos scripts grandes en el sitio web.
- Grado de rendimiento: 77/100
- Tamaño de página: 1,2 megas
- Tiempo de carga: 957 ms
- Número total de solicitudes: 67
Tiempo hasta el primer byte
El tiempo promedio hasta el primer byte es solo 0,5 segundos, que es un muy buen resultado. Si accedemos al sitio desde la misma ubicación en la que está alojado, eso desciende a 0,3 segundos.
Perfil de rendimiento
Medimos el tiempo de ejecución individual de WooCommerce y el tema. Dado que no utilizamos un creador de páginas separado (solo los bloques integrados de WooCommerce), es lógico que WooCommerce realice la mayor parte del procesamiento de esta página. El tiempo total de ejecución fue 0,51 segundosque era 99% WooCommerce y 1% otras funciones temáticas.
Conclusión
Sin lugar a dudas, la edición de sitio completo con bloques de WooCommerce es el concursante más rápido de la lista. Desafortunadamente, No podemos recomendarlo todavía. porque carece de muchas de las configuraciones avanzadas que tienen otros creadores de páginas.
Además, muchos plugins aún no se integran con los bloques FSE y WooCommerce, simplemente porque los autores de los bloques no brindan a los autores de plugins externos una forma adecuada de escribir sus integraciones. Nuestros propios plugins de Studio Wombat están lo más integrados posible.
Por otro lado, la edición completa del sitio mejora con cada lanzamiento de WordPress y WooCommerce, por lo que creemos firmemente que será el camino a seguir en el futuro.
2. Break dance
break dance es el plugin de creación de páginas más joven de esta lista. La primera versión se lanzó en septiembre de 2022 y fue creada por los desarrolladores detrás del popular plugin WP All Import.
Su objetivo es ser un creador de páginas moderno sin profundidad técnica, como podrían tener algunos creadores más antiguos. ¡Veamos cómo le va a este nuevo constructor en términos de velocidad!
Nota de nuestro probador
El breakdance se ve bonito y moderno. Sin embargo, algo poco intuitivo fue que tuve que agregar un componente de «creador de productos» para comenzar. Esta era la única forma de crear una página de producto única en WooCommerce usando Breakdance.
Velocidad de página de Google
PageSpeed Insights de Google muestra una puntuación perfecta: ¡100% en términos de rendimiento!
- Puntaje total: 100
- Primera pintura llena de contenido: 0,4 segundos
- Tiempo total de bloqueo: 0 ms
- Índice de velocidad: 0,7 segundos
- Pintura con contenido más grande (LCP): 0,7 segundos
- Cambio de diseño acumulativo (CLS): 0
pingdom
Pingdom muestra que la página está completamente cargada. alrededor de 1,2 segundosque es más lento que los temas FSE (como es de esperar), ¡pero sigue siendo bastante bueno!
La razón por la que Pingdom etiqueta este rendimiento como grado C es por la cantidad de solicitudes y el tiempo de carga superior a 1 segundo.
- Grado de rendimiento: 77/100
- Tamaño de página: 0,6 megas
- Tiempo de carga: 1,21 segundos
- Número total de solicitudes: 71
Tiempo hasta el primer byte
El tiempo promedio hasta el primer byte es solo un poco más lento que el de los temas FSE en 0,59 segundosque sigue siendo un muy buen resultado.
Perfil de rendimiento
El breakdance solo tomó 0,18 segundoss para representar la página de un solo producto, que fue el 35% del tiempo total de ejecución de 0,52 segundos:
Conclusión
Todavía es temprano para Breakdance, por lo que es difícil predecir dónde estará el creador de páginas dentro de un año. ¡Sin embargo, nuestra prueba de velocidad parece muy prometedora y coloca a Breakdance en un merecido segundo lugar!
3. Elementor
Elementor es el creador de páginas de WordPress más popular en la actualidad. Se estima que tiene una cuota de mercado del 71% entre otros creadores de páginas y la versión gratuita está instalada en más de 5 millones de sitios web. Gracias a su gran comunidad, hay muchos tutoriales o vídeos de ayuda disponibles para que puedas empezar en poco tiempo.
Elementor permite a los usuarios diseñar y personalizar visualmente sus sitios web de WordPress a través de una interfaz de arrastrar y soltar, haciéndolo accesible para usuarios sin conocimientos de codificación.
Nota de nuestro probador
Elementor fue el más fácil de usar de todos los creadores de páginas probados para este artículo. No necesitaba sumergirme en la documentación para comenzar. Configurar la página del producto también fue sencillo gracias a los 14 widgets integrados de WooCommerce.
Velocidad de página de Google
- Puntaje total: 97
- Primera pintura llena de contenido: 0,7 segundos
- Tiempo total de bloqueo: 0 ms
- Índice de velocidad: 0,8 segundos
- Pintura con contenido más grande (LCP): 1,1 segundos
- Cambio de diseño acumulativo (CLS): 0
pingdom
La herramienta Pingdom muestra la página cargada en 1,39 segundosque es la puntuación más baja de esta lista:
- Grado de rendimiento: 76/100
- Tamaño de página: 0,85MB
- Tiempo de carga: 1,39 segundos
- Número total de solicitudes: 81
Tiempo hasta el primer byte
El tiempo promedio hasta el primer byte es 0,63 segundos.
Perfil de rendimiento
Aquí está el tiempo de ejecución por plugin para nuestro sitio Elementor:
Como puede ver, Elementor es bastante pesado y requiere la misma cantidad de tiempo de procesamiento que WooCommerce (que es 0,34 segundos).
4. Constructor de castores
¡Somos grandes fanáticos del software con mascota! Constructor de castores es un creador de páginas fácil de usar que ofrece una interfaz de arrastrar y soltar para simplificar el proceso de creación y personalización de páginas web. Lo que distingue a Beaver Builder es su énfasis en la producción de código limpio y la compatibilidad con varios temas.
Nota de nuestro probador
Es el único creador de páginas de la lista que requiere un plugin adicional. Si desea utilizar Beaver Builder para diseñar páginas de productos WooCommerce, debe utilizar el plugin Beaver Themer para poder seleccionar componentes de WooCommerce.
Velocidad de página de Google
PageSpeed Insights de Google es muy similar a los resultados cuando se utiliza la edición de sitio completo:
- Puntaje total: 97
- Primera pintura llena de contenido: 0,6 segundos
- Tiempo total de bloqueo: 0 ms
- Índice de velocidad: 0,9 segundos
- Pintura con contenido más grande (LCP): 1,3 segundos
- Cambio de diseño acumulativo (CLS): 0
pingdom
Pingdom muestra que la página se carga en 1,14 segundosque es un poco más rápido que Breakdance:
- Grado de rendimiento: 77/100
- Tamaño de página: 1,2 megas
- Tiempo de carga: 1,14 segundos
- Número total de solicitudes: 67
Tiempo hasta el primer byte
El tiempo promedio hasta el primer byte es 0,68 segundos. Eso no está mal, pero es más lento que otros contendientes en este artículo.
Perfil de rendimiento
Lamentablemente, ambos plugins de Beaver Builder necesitan casi medio segundo (0,452 segundospara ser exactos) para renderizar la página.
Conclusión
Mientras que todos los demás creadores de páginas solo requieren un plugin, Beaver Builder requiere 2 plugins para funcionar bien con WooCommerce. Esto en sí mismo no es un problema, pero el constructor es un poco más lento que otros en este artículo.
5. Divi
Divi es otro creador de temas visuales popular que te permite diseñar tus páginas WooCommerce sin escribir ningún código.
Con Divi, puedes crear páginas para tu tienda online y ver todos los cambios de diseño en tiempo real. Todas las plantillas y elementos de Divi responden completamente en todos los dispositivos, por lo que no tienes que preocuparte por los usuarios de dispositivos móviles. Además de esto, Divi también viene prediseñado con elementos y estilos globales que ayudan a transformar su sitio WooCommerce con unos pocos clics, una característica valorada por los propietarios de tiendas menos expertos en tecnología.
Nota de nuestro probador
Divi se sintió un poco lento en el backend y era mi constructor menos favorito. A pesar de mi opinión, Divi tiene unas impresionantes 4,9 estrellas sobre 5 en Trustpilot entre más de 23.000 reseñas.
Velocidad de página de Google
El informe de rendimiento de Google es muy positivo sobre Divi:
- Puntaje total: 98
- Primera pintura llena de contenido: 0,5 s
- Tiempo total de bloqueo: 0 ms
- Índice de velocidad: 0,7 segundos
- Pintura con contenido más grande (LCP): 1,1 segundos
- Cambio de diseño acumulativo (CLS): 0
pingdom
- Grado de rendimiento: 77/100 (grado C)
- Tamaño de página: 0,72MB
- Tiempo de carga: 1,01 segundos
- Número total de solicitudes: 69
Tiempo hasta el primer byte
El tiempo promedio hasta el primer byte fue 0,75 segundos para la página de un solo producto en nuestro sitio de prueba Divi.
Perfil de rendimiento
Aquí está el tiempo de ejecución por plugin para nuestro sitio Divi:
Divi es muy pesado y casi necesario. 0,8 segundos para renderizar la página!
Para resumir: ¿cuál es el creador de páginas WooCommerce más rápido?
Sólo puede haber 1 ganador en esta comparación. A continuación puede ver una descripción general de cómo se clasifican los creadores de páginas más rápidos para su sitio WooCommerce, según PageSpeed Insights y las puntuaciones TTFB, y cuál es la puntuación promedio combinada para esas 2 herramientas:
| Creador de páginas | Clasificación | Puntuación de PageSpeed Insights | Puntuación TTFB | Puntuación media |
| Edición de sitio completo + bloques | 1 | 97 | 74 | 85,5 |
| break dance | 2 | 100 | 70 | 85 |
| Elementor | 3 | 97 | 68 | 82,5 |
| Constructor de castores | 4 | 97 | 66 | 81,5 |
| divid | 5 | 98 | 62 | 80 |
La edición de sitio completo está integrada en WordPress, por lo que no sorprende que ocupe el primer lugar. Breakdance, al ser el nuevo chico de la cuadra y un verdadero creador de páginas, ocupa el segundo lugar muy cerca.
