Tres constructores marcan buena parte de la decisión sobre page builders en WordPress en 2026. Gutenberg viene con el núcleo de WordPress. El directorio de plugins de WordPress.org indica más de 10 millones de instalaciones activas de Elementor, mientras que la web de Elementor habla de más de 22 millones de sitios creados. Son medidas distintas y no deben mezclarse. Divi no publica una cifra auditada de instalaciones activas directamente comparable, así que una clasificación exacta de los tres por implantación sería una precisión falsa.
Versiones con las que se comprobó esta comparativa el 12 de octubre de 2026: WordPress 7.1.3, Elementor 4.3.4 (WordPress.org indica Requires at least 6.8 y Tested up to 7.1.3) y Divi 5, que Elegant Themes dio por salido de la beta el 26 de febrero de 2026.
Elegir entre ellos no es un concurso de belleza. Es un intercambio entre peso de assets, dependencia del proveedor, flujo de trabajo del desarrollador y la forma en que un cliente sin conocimientos técnicos edita el sitio tras la entrega. Esta guía recorre cada eje con el compromiso real que implica.
Respuesta corta: Gutenberg para sitios de contenido donde se va a formar a un equipo editorial y un desarrollador mantiene theme.json. Elementor para flujos de agencia centrados en landing pages, donde alguien que no programa necesita publicar páginas sin tocar código. Divi para freelancers que trabajan solos y entregan sitios terminados a clientes sin perfil técnico con un contrato de mantenimiento a largo plazo.
Cómo guardan el contenido Gutenberg, Elementor y Divi
La diferencia de arquitectura no es un eslogan: es lo que acaba en la base de datos y lo que viaja por la red.
Gutenberg
El markup de bloques se guarda en post_content como HTML con delimitadores de comentario (<!-- wp:paragraph -->). Al renderizar, los bloques emiten HTML semántico; los estilos viven en theme.json y en las hojas de estilo de los bloques. Si se desactivara Gutenberg (imposible en la práctica, porque es parte del núcleo), el HTML seguiría siendo legible. Si se migra a otra plataforma, el cuerpo del contenido es portable.
Un matiz que la mayoría de comparativas omite: los bloques dinámicos como Latest Posts, Query Loop o Navigation guardan solo un comentario autocerrado con atributos JSON y construyen su markup en cada petición mediante una función de render.
<!-- wp:latest-posts {"postsToShow":3,"displayPostDate":true} /-->El contenido estático sobrevive a cualquier cambio de tema o exportación. El contenido dinámico necesita aquello que registró el bloque. El trunk del núcleo de WordPress incluye actualmente 115 directorios de bloques en src/wp-includes/blocks/; un bloque añadido por un plugin que luego se elimina tiene el mismo problema que cualquier constructor, solo que a menor escala.
Elementor
El contenido de la página se guarda como postmeta _elementor_data, un árbol JSON de definiciones de widgets. La constante está en core/base/document.php de Elementor:
const ELEMENTOR_DATA_META_KEY = '_elementor_data';
const BUILT_WITH_ELEMENTOR_META_KEY = '_elementor_edit_mode';La columna post_content está casi vacía en las páginas Elementor. Si se desactiva Elementor, el front end recurre a lo que haya en post_content, que normalmente es nada. El famoso “caos de shortcodes” es un rasgo de Divi 4, no de Elementor: Elementor deja una página en blanco, no corchetes.
Divi
Hasta Divi 4, el layout vivía en shortcodes dentro de post_content: [et_pb_section][et_pb_row][et_pb_column][et_pb_text].... Al desactivar Divi 4, el front end muestra los corchetes de shortcode sin procesar. Divi 5 sustituyó ese formato. Elegant Themes escribe que “el nuevo formato de almacenamiento de Divi 5 imita los bloques nativos de WordPress” y da dos motivos: WordPress está pasando de los shortcodes a los bloques, y una página hecha con shortcodes se analiza más despacio porque no tiene una jerarquía adecuada (Elegant Themes, traducción propia).
La conclusión: Gutenberg produce HTML portable, mientras que Elementor y Divi producen estructuras propietarias que atan el contenido al runtime del plugin. Los tres generan cierta dependencia. La pregunta útil es si un script de migración puede leer el formato. Un JSON en un postmeta se puede analizar. Atributos de shortcode muy anidados solo se podrían analizar con mucho esfuerzo.
Cuota de mercado de los page builders de WordPress en 2026
Elementor es con diferencia el constructor de terceros más usado: W3Techs lo detectó en el 31.5% de los sitios WordPress el 12 de octubre de 2026, y WordPress.org indica más de 10 millones de instalaciones activas. Gutenberg no aparece en estas listas por un motivo estructural: viene dentro del núcleo de WordPress, así que la pregunta relevante es cuántos sitios lo usan como herramienta principal de maquetación, no si está instalado.
| Constructor | Cuota de sitios WordPress (W3Techs, 12 oct. 2026) |
|---|---|
| Elementor | 31.5% |
| WPBakery | 7.3% |
| Beaver Builder | 1.0% |
| Oxygen | 0.4% |
| Bricks | 0.4% |
| Divi Builder (plugin) | 0.1% (ver nota) |
Dos matices antes de citar estas cifras. Primero, Divi aparece infravalorado: se distribuye sobre todo como tema, no como plugin, así que la detección de plugins de W3Techs no ve la mayoría de sitios Divi, y la cifra de varios millones que suele citarse para Divi procede del marketing de Elegant Themes, no de una medición independiente. Segundo, la cuota de instalaciones no es la cuota de proyectos nuevos: la cuota de WPBakery es en gran parte herencia de temas de ThemeForest, mientras que constructores más recientes como Bricks muestran totales pequeños pero crecen desde una base reciente. Para elegir constructor en 2026, la lectura práctica es sencilla: Elementor tiene el ecosistema y la bolsa de profesionales más grandes, Divi tiene una base fiel pero más difícil de medir, y Gutenberg es el único que estará con seguridad en cualquier instalación de WordPress que toque.
Comparativa de funciones de Gutenberg, Elementor y Divi
Antes del análisis eje por eje, esta es la comparativa completa en una sola pantalla. Lee las filas, no las columnas: las diferencias interesantes están donde un constructor hace algo estructuralmente que los demás no pueden hacer.
| Capacidad | Gutenberg (editor de bloques / FSE) | Elementor Pro | Divi |
|---|---|---|---|
| Incluido en el núcleo de WordPress | sí | no (plugin) | no (tema más plugin) |
| Lienzo visual de arrastrar y soltar | parcial (colocación de bloques, no libre) | sí (completo) | sí (completo) |
| Edición completa del sitio (cabecera, pie, plantillas) | sí (FSE nativo) | sí (Theme Builder, solo Pro) | sí (Theme Builder) |
| Biblioteca de plantillas y patrones lista para usar | nativa y en crecimiento, más packs de suites de bloques | gran biblioteca propia | gran biblioteca propia |
| Posicionamiento libre y absoluto | limitado por diseño | sí | sí |
| Puntos de ruptura por dispositivo en el editor | no (tipografía fluida más CSS del tema) | hasta siete dispositivos | sí (vistas del builder) |
| Contenido guardado como HTML portable | sí | no (JSON en postmeta) | no (shortcodes en Divi 4, formato propio en Divi 5) |
| Modelo de extensión propia | bloques React mediante block.json | API de widgets en PHP | API de módulos y de tema hijo en PHP |
| Se muestra con la herramienta desinstalada | sí (es núcleo) | no | no |
| Bloques nativos de WooCommerce | sí (bloques Cart y Checkout) | mediante widgets | mediante módulos |
| Curva de aprendizaje del editor para quien no programa | moderada | baja | baja |
La forma de la tabla es coherente: Elementor y Divi ganan en las filas sobre control visual libre y gran biblioteca de plantillas lista para usar, y Gutenberg gana en las filas sobre portabilidad, alineación con el núcleo y modelo de extensión. La única fila donde los tres no se parecen en nada es el almacenamiento del contenido, y es la fila que se convierte en una partida de coste dos o tres años después.
Velocidad de carga de Elementor, Divi y Gutenberg
El resumen popular dice que Gutenberg es ligero, que Elementor está sobrecargado y que Divi queda en medio. Ese resumen no aguanta una lectura del código fuente. El núcleo carga su biblioteca de bloques completa por defecto, Elementor incluye un experimento estable para un markup más ligero y Divi sustituyó su formato de shortcodes. Cuatro mecanismos deciden el resultado en un sitio real.
WordPress carga todos los estilos de bloques en cada página
wp_should_load_separate_core_block_assets() en wp-includes/script-loader.php termina con una sola línea:
return apply_filters( 'should_load_separate_core_block_assets', false );El valor por defecto del filtro es false, así que sin intervención una página con un solo párrafo carga la hoja de estilos wp-block-library completa. Dos cosas cambian esto. Los temas de bloques ponen el filtro a true automáticamente en _add_default_theme_supports(). Desde WordPress 6.9, los temas clásicos reciben el mismo trato mediante wp_load_classic_theme_block_styles_on_demand(), enganchada a wp_default_styles con prioridad 0. Quien afirma que Gutenberg es ligero por naturaleza tiene un tema de bloques o una instalación actualizada. En un tema clásico con una versión antigua de WordPress, la afirmación es falsa.
Cómo activar el markup optimizado en Elementor
El gestor de experimentos de Elementor marca e_optimized_markup como estable, con la descripción “reduce el tamaño del DOM eliminando etiquetas HTML en varios elementos y widgets” (Elementor en GitHub, traducción propia). Sus valores por defecto:
'default' => self::STATE_INACTIVE,
'new_site' => [
'default_active' => true,
'minimum_installation_version' => '3.30.0',
],Las instalaciones nuevas desde la 3.30.0 lo tienen activado. Una instalación de agencia de 2019 que solo se ha ido actualizando, no. La misma descripción advierte de que el cambio “puede requerir actualizar el código CSS/JS personalizado” (Elementor en GitHub, traducción propia), y por eso poca gente activa el interruptor en un sitio en producción. Buena parte de lo que las comparativas llaman la sopa de divs de Elementor es consecuencia de esa estrategia de migración, no del plugin en sí.
Lazy loading e imágenes sin dimensiones en Elementor
En includes/controls/groups/image-size.php, Elementor llama a wp_get_attachment_image() solo cuando tiene un ID de adjunto y un tamaño de imagen registrado en WordPress. Con dimensiones personalizadas construye la etiqueta por su cuenta, con un loading="lazy" fijo en el código y sin width ni height. La función del núcleo wp_get_loading_optimization_attributes() sale antes de tiempo si faltan esas dimensiones, antes de poder decidir sobre fetchpriority. Una imagen hero con tamaño personalizado se carga, por tanto, en diferido aunque sea el elemento LCP. Es el primer sitio donde mirar en una auditoría de Elementor.
Divi 5 y la velocidad de carga
Elegant Themes describe Divi 5 como rápido y afirma que las páginas que siguen en modo de compatibilidad con versiones anteriores no reciben “las mejoras de rendimiento de Divi 5” hasta que se migran (Elegant Themes, traducción propia). El fabricante no publica ningún benchmark independiente, así que no cabe esperar cambios de velocidad en un sitio Divi 4 actualizado a Divi 5 sin pasar el migrador.
Palancas de rendimiento comunes a los tres constructores
La carga especulativa forma parte del núcleo desde WordPress 6.8 y funciona a nivel de documento, con independencia del constructor. El valor por defecto es prefetch con nivel de anticipación conservative, y solo se aplica a enlaces permanentes amigables y a visitantes sin sesión iniciada.
| Palanca | Quién decide | Dónde mirar |
|---|---|---|
| Estilos de bloque por separado | Tipo de tema y versión de WordPress | should_load_separate_core_block_assets |
| Profundidad del DOM en Elementor | Interruptor de experimento de la instalación | e_optimized_markup, container |
| Imagen LCP | Tamaño de imagen elegido en el widget | loading y fetchpriority en el HTML |
| Prefetch | Núcleo, desde la 6.8 | Script de speculation rules en el pie |
| Salida de Divi 5 | Estado de migración de cada página | Informe del migrador de Divi 5 |
Una medición comparativa solo vale algo si usa la misma página, el mismo alojamiento y la misma ventana de tiempo, con datos de campo y no una única prueba de laboratorio. Un sitio Gutenberg también tiene su propio modo de fallo: sin un registro central de patrones, los editores copian un patrón hero, lo personalizan en línea y el sitio acaba con muchas variantes de hero y ninguna fuente única. Las ventajas de rendimiento de Gutenberg no sobreviven a la deriva editorial si nadie se hace cargo de theme.json y de la biblioteca de patrones.
Qué pasa al desactivar Elementor o Divi
La mayoría de comparativas mezclan dos preguntas distintas. Una es lo rápido que es el constructor en funcionamiento normal, tratada arriba. La otra es qué ocurre con los Core Web Vitals, y con el propio contenido, si alguna vez se retira el constructor. Esa segunda pregunta es el peaje de la dependencia expresado como problema de renderizado, y es la que decide si un sitio puede sobrevivir a sus propias herramientas.
Con Gutenberg, desactivarlo no es un problema porque el editor de bloques es núcleo y no se puede apagar. El experimento mental útil es exportar el contenido: el markup de bloques es HTML válido, así que una entrada exportada conserva intactos su estructura, encabezados, listas y referencias a imágenes. Largest Contentful Paint y Cumulative Layout Shift dependen entonces del tema y de las imágenes, no de un runtime de editor que tenga que arrancar en cada petición.
Con Elementor, el front end depende de que el plugin lea _elementor_data e inyecte su propio CSS y JavaScript al renderizar. Si se elimina el plugin, el layout desaparece; si se mantiene, cada página arrastra el presupuesto de hojas de estilo y scripts del constructor, que es exactamente el peso que presiona el LCP mediante CSS bloqueante y eleva Interaction to Next Paint por los manejadores de eventos que se asocian a cada widget. El constructor no es solo la forma en que se hizo una página en su día, es una dependencia permanente de cómo se renderiza esa página.
Divi 4 se comporta igual a través de los shortcodes. El runtime activo de Divi tiene que resolver los módulos, así que su CSS y su JavaScript viajan con cada página, y desactivarlo deja corchetes de shortcode sin procesar en el front end. Divi 5 cambia el formato de almacenamiento, no la dependencia: su contenido sigue necesitando Divi para mostrarse tal como se diseñó.
La frase que importa para un sitio que debe durar: con Gutenberg el contenido sobrevive a la herramienta, y con Elementor o Divi el contenido es la salida de la herramienta y no se puede mostrar sin ella. Todo proyecto de corrección de rendimiento en un sitio muy dependiente de un constructor acaba chocando con este muro, porque no se puede quitar el peso del runtime sin quitar también el layout.
Bloques Gutenberg personalizados frente a widgets de Elementor
Aquí la comparativa deja de tratar sobre los usuarios finales.
Gutenberg presupone un pipeline de build con React y ESNext. Para publicar un bloque personalizado hace falta un paso de compilación (normalmente @wordpress/scripts), un archivo de metadatos block.json y el registro en ambos lados. El manual del editor de bloques describe block.json como el archivo que “simplifica el proceso de definir y registrar un bloque” (WordPress Developer Resources, traducción propia), con una única definición usada en el servidor y en el editor. La curva de aprendizaje es real: los equipos WordPress que crecieron con temas PHP clásicos la sufren la primera vez. La recompensa es que los bloques personalizados se comportan como ciudadanos de primera clase de WordPress: soporte de la REST API, plantillas de bloque, patrones de bloque y sobrescrituras de theme.json sin trabajo adicional. Lo que React 19 pone por defecto en el plugin hoy está en Gutenberg 24.2: notas al margen y React 19. Cuando eliges Gutenberg, la capa de consistencia es un sistema de diseño Gutenberg con theme.json.
Elementor permite a alguien que no programa publicar páginas sin código. La API de widgets personalizados existe, pero la mayoría de agencias nunca la tocan; montan las páginas con la biblioteca de widgets incluida y con packs de terceros. Este es el motivo real por el que Elementor gana en las entregas de agencia a cliente: el cliente puede editar el sitio sin romperlo, y la agencia no recibe una llamada de madrugada por un error de sintaxis.
Divi queda en medio. Divi Builder es apto para perfiles no técnicos como Elementor; la API de temas hijo y de módulos de Divi está más cerca del modelo de desarrollo de Gutenberg que de la API de widgets de Elementor. Los freelancers que trabajan solos, que diseñan pero no programan en React, suelen acabar aquí.
Si necesitas saber cuál aprender: un desarrollador WordPress en 2026 publica bloques Gutenberg y plantillas FSE, conoce Elementor lo suficiente como para migrar sitios fuera de él y sabe que Divi existe para el trabajo de mantenimiento con clientes.
Elementor o Gutenberg para un diseño flexible
Reglas de diseño con theme.json en Gutenberg
El contrato entre diseño y editor es theme.json. La versión actual del esquema es la 3, definida en el núcleo como const LATEST_SCHEMA = 3; en class-wp-theme-json.php. No existe una versión 4, digan lo que digan los resúmenes de fin de año. Lo importante en la práctica no es styles sino settings, porque settings decide qué puede tocar el equipo editorial:
{
"version": 3,
"settings": {
"color": { "custom": false, "defaultPalette": false },
"typography": { "fluid": true, "customFontSize": false }
}
}Con ese archivo, el selector de color libre desaparece del editor. Por eso los grandes equipos editoriales se pasan a los bloques: no por el tiempo de carga, sino porque el editor tiene límites que viven en Git.
Puntos de ruptura por dispositivo en Elementor
Elementor se sigue sintiendo más como una herramienta gráfica, y eso es una forma de trabajar, no un insulto. La diferencia funcional concreta son los puntos de ruptura. core/breakpoints/manager.php de Elementor define siete dispositivos: móvil, tableta y escritorio están activos por defecto, y se pueden activar cuatro más (móvil extra, tableta extra, portátil y pantalla panorámica). El editor del núcleo no ofrece nada equivalente. Ofrece tipografía fluida mediante settings.typography.fluid, es decir, valores clamp() entre un mínimo y un máximo, y todo lo demás pasa por el CSS del tema.
Para un diseño que define espaciados y orden distintos por dispositivo, aquí es donde una construcción con Gutenberg cuesta horas de desarrollo que una construcción con Elementor no cuesta. Quien defienda lo contrario está vendiendo algo.
Divi como ecosistema cerrado
Divi integra su sistema de diseño en su propia interfaz y sigue siendo un ecosistema cerrado: no está en el directorio de plugins de WordPress.org, y las actualizaciones llegan a través de la membresía de Elegant Themes. Para muchas agencias eso no es un inconveniente mientras la membresía está activa, y sí lo es en cuanto un cliente tiene que hacerse cargo del sitio.
Las actualizaciones rompen Elementor, Divi o Gutenberg
La vieja fórmula “Gutenberg casi nunca se rompe, los constructores se rompen continuamente” es demasiado cómoda. Los puntos de rotura son, simplemente, distintos.
Los bloques se rompen por la validación de bloques. Cuando un bloque cambia su markup guardado sin una definición deprecated que cubra la versión anterior, el editor avisa de que el bloque contiene contenido inesperado o no válido. El front end no se ve afectado; el equipo editorial, sí. Esto afecta casi siempre a bloques personalizados o de plugins, rara vez a bloques del núcleo, porque el núcleo mantiene sus deprecaciones.
Elementor y Divi se rompen por desfases de versión. Para Elementor 4.3.4, el directorio de plugins de WordPress.org indica Requires at least 6.8 y Tested up to 7.1.3. El plugin sigue al núcleo con rapidez, pero lo sigue, no llega con él. Divi añade una fecha en 2026: Elegant Themes se compromete a dar soporte a Divi 4 “durante al menos los próximos 12 meses, y más si resulta viable” a partir del 26 de febrero de 2026, con correcciones de seguridad y compatibilidad (Elegant Themes, traducción propia).
Para un contrato de mantenimiento esto significa: con bloques, revisa tus propios bloques y patrones tras una actualización del núcleo. Con Elementor y Divi, revisa además el orden en que se actualizan núcleo, constructor, tema y complemento Pro, y hazlo en staging, no en producción.
Cuánto cuesta salir de Elementor o Divi
De la forma en que los constructores guardan el contenido se derivan directamente dos modos de fallo.
Un sitio Elementor donde las plantillas guardadas se insertaron en las páginas en lugar de asignarse mediante condiciones del Theme Builder. Insertar una plantilla guardada copia su contenido en la página, así que un cambio posterior en la plantilla no llega a las copias. Añadir un solo campo a un layout repetido significa entonces editar cada página a mano.
Un sitio con Divi 4 desde hace años. Cambiar de tema implica reconstruir a mano cada página, porque los shortcodes de Divi están ligados a los módulos de Divi y ningún migrador de terceros conserva la fidelidad del layout. Quedarse dentro de Divi es más fácil: el migrador de Divi 5 convierte todos los módulos de Divi 4 de todo el sitio y antes guarda una copia de seguridad del contenido de Divi 4.
De Elementor a bloques no hay un botón. El proceso que funciona en la práctica:
- Haz inventario. Usa WP-CLI para listar todas las entradas que llevan
_elementor_edit_modey ordena por frecuencia los tipos de widget que usan. - Define la correspondencia. Para los tipos más comunes elige un destino: bloque del núcleo, patrón o bloque personalizado. Lo que no tenga sitio en esa lista se reconstruye a mano, no se convierte automáticamente.
- Congela las URL. La migración cambia el markup, no las direcciones. Donde un slug sí cambie, la redirección sale en el mismo despliegue.
- Mide antes y después. Mismas URL, misma herramienta y datos de campo en una ventana de tiempo suficientemente larga.
- Solo entonces desactiva el plugin. No antes, porque el
post_contentde las páginas Elementor suele estar vacío.
wp post list --post_type=any --meta_key=_elementor_edit_mode --meta_value=builder --format=countLa portabilidad de Gutenberg es la respuesta práctica a todo esto. El markup de bloques sobrevive a los cambios de tema, a la rotación de plugins e incluso a los flujos de exportación a estático.
Patrones sincronizados frente a widgets globales de Elementor
Donde Gutenberg y Elementor más divergen es en la edición editorial a gran escala.
Gutenberg tiene patrones sincronizados (antes bloques reutilizables; WordPress 6.3 les cambió el nombre). La documentación de WordPress es explícita: cuando se modifica un patrón sincronizado, el cambio se refleja en todos los lugares donde se usa, y un editor puede desvincular una instancia concreta para editarla localmente. Esta es la función que importa a los equipos editoriales de una revista, una base de conocimiento o un sitio de documentación. Combinada con las plantillas de bloque y las partes de plantilla de FSE, ofrece herencia real: se cambia la parte de plantilla del pie de artículo y todos los artículos reflejan el cambio.
Elementor tiene widgets globales en Pro y theme parts en el Theme Builder. Las plantillas del Theme Builder se aplican mediante condiciones de visualización, así que sí se propagan. Las plantillas guardadas insertadas en una página, no. Los equipos editoriales que no aprendieron pronto la diferencia acaban con muchas copias del mismo hero, deriva entre ellas y una factura de mantenimiento.
Divi tiene módulos globales y el Theme Builder, de forma similar a Elementor.
Para un sitio de contenido con 500 artículos, los patrones sincronizados de Gutenberg junto con las plantillas de bloque son la única de las tres opciones que escala sin depender de un complemento de pago.
Page builders y la Ley Europea de Accesibilidad
La Ley Europea de Accesibilidad (Directiva 2019/882) se aplica desde el 28 de junio de 2025 y cubre los servicios de comercio electrónico, es decir, vender y reservar a través de una web o una aplicación, no cualquier web corporativa. Las microempresas que prestan servicios están exentas. La primera pregunta, por tanto, no es qué constructor, sino si la página permite al visitante comprar, reservar o firmar un contrato. Si es así, el constructor es solo la herramienta que cumple o incumple el requisito.
Ningún constructor ofrece conformidad de serie. Los errores que se repiten en las auditorías son los mismos en los tres:
- Botones que solo contienen un icono y no tienen nombre accesible.
- Carruseles y acordeones cuyo orden de foco ya no coincide con el orden de lectura tras un posicionamiento absoluto.
- Contrastes de la paleta de marca que no alcanzan el umbral de 4.5:1 porque nadie los comprobó.
- Niveles de encabezado que saltan de H2 a H4 porque el nivel se eligió por tamaño de letra.
Los bloques del núcleo producen elementos semánticos, lo que mejora el punto de partida, pero la decisión de diseño la toma la plantilla, no el bloque.
Un asunto europeo relacionado son las fuentes. El ajuste Load Google Fonts Locally de Elementor está desactivado por defecto ('std' => '0' en includes/settings/settings.php). En un sitio con visitantes de la UE, actívalo o aloja las fuentes en tu propio servidor de otra forma, porque una petición de fuentes a Google envía la dirección IP del visitante a un tercero.
Cookies de terceros en Elementor y Divi según el RGPD
El mismo problema de las fuentes se repite con otros servicios externos. Los widgets que integran servicios de terceros, como formularios con reCAPTCHA, vídeos incrustados o mapas, pueden cargar recursos externos antes del consentimiento si no se configuran para evitarlo.
Los bloques del núcleo de Gutenberg renderizan HTML en el servidor, así que bloquear a terceros hasta que haya consentimiento es una decisión del desarrollador y del plugin de consentimiento. En Elementor y Divi hay que auditar cada widget o módulo para saber qué terceros carga.
Elementor Pro o Divi: licencia y coste a largo plazo
La pregunta de la licencia importa menos que la de la renovación y la migración. Los modelos de facturación de los fabricantes, tal como los publican en sus propias páginas:
- Elementor factura Pro anualmente, con planes escalonados por número de sitios (desde un sitio hasta ilimitados en el plan para agencias), y las suscripciones se renuevan a precio de tarifa.
- Elegant Themes vende Divi como membresía anual o como membresía vitalicia de pago único, y ambas permiten sitios ilimitados. La empresa no cobra por sitio web.
| Eje de coste | Gutenberg | Elementor Pro | Divi |
|---|---|---|---|
| Licencia | gratuita (núcleo) | suscripción anual, escalonada por sitios | membresía anual o vitalicia, sitios ilimitados |
| Tiempo de desarrollo para publicar un bloque o widget propio | mayor (pipeline React) | menor (editor visual) | menor (builder visual) |
| Renovación en toda la cartera | ninguna | crece con el número de sitios | plana con el plan vitalicio |
| Coste de migración al marcharse | bajo (HTML portable) | alto (requiere reconstrucción) | alto (requiere reconstrucción) |
| Mantenimiento editorial a escala | bajo (patrones sincronizados) | alto sin disciplina | alto sin disciplina |
La factura que hunde proyectos no es la licencia, es el coste de migración dentro de tres años y la deriva editorial dentro de dos. “Gutenberg es gratis” también es solo media verdad: sin plugins de bloques se paga en horas de desarrollo para patrones y tokens, y con plugins de bloques se pagan licencias como en cualquier otro caso. El ahorro real de Gutenberg es su bajo coste de migración.
Qué page builder elegir en 2026
Una regla de decisión basada en la práctica:
Elige Gutenberg si:
- El sitio tiene mucho contenido (blog, documentación, revista, base de conocimiento)
- Se va a formar al equipo editorial, en lugar de dar por hecho que domina la herramienta desde el primer día
- Puedes presupuestar horas de desarrollo para theme.json y una biblioteca de patrones gestionada
- Esperas que el sitio sobreviva a cualquier proveedor de plugins concreto
Elige Elementor si:
- El entregable son landing pages y quien edita es el responsable de marketing
- El diseño necesita valores distintos por punto de ruptura
- La entrega de la agencia al cliente es el modo de fallo que más necesitas evitar
- Has calculado el coste de renovación en toda la cartera y lo acepta
Elige Divi si:
- Trabajas como freelancer en solitario o en un estudio de dos personas con una cartera larga de clientes en mantenimiento
- La licencia vitalicia con sitios ilimitados hace que las cuentas salgan con muchos sitios pequeños
- Los clientes no tienen perfil técnico y editan poco
Y el caso incómodo: si nadie del equipo sabe tocar theme.json y el equipo editorial sigue esperando diseño libre, una construcción con bloques a medias es peor que un sitio Elementor bien configurado. Ese proyecto lo decide la plantilla de personas, no la tecnología.
La pregunta equivocada es “¿qué constructor es el mejor en 2026?”. La pregunta correcta es “¿qué compromiso puede asumir mi equipo durante los próximos cuatro años?”.
Preguntas frecuentes
¿Es Gutenberg un page builder? En 2026 sí: con FSE, plantillas de bloque, partes de plantilla, theme.json y patrones sincronizados cubre las funciones de un page builder para la mayoría de casos de uso.
¿Puedo usar Elementor y Gutenberg a la vez? Técnicamente sí. En la práctica acabas pagando los dos peajes de rendimiento y confundiendo a los editores. Elige uno por sitio.
¿Qué suite de bloques para Gutenberg conviene añadir? GenerateBlocks para sitios centrados en el rendimiento, Kadence para sitios de marketing con más diseño, Stackable para trabajo de landing pages. Ninguna es imprescindible: los bloques nativos y theme.json cubren la mayoría de casos.
¿Desaparecerá Elementor? Es poco probable: WordPress.org indica más de 10 millones de instalaciones activas. Lo que está cambiando es el camino por defecto, porque Gutenberg viene en el núcleo y ya puede cubrir más trabajo de sitio completo.
¿Funciona WooCommerce con Gutenberg? Sí. Desde WooCommerce 8.3, los bloques Cart y Checkout son la opción por defecto en las instalaciones nuevas con temas de bloques. Las tiendas basadas en shortcodes siguen funcionando, y las tiendas existentes conservan su checkout hasta que deciden cambiar.
¿Por qué se quejan los desarrolladores de Elementor? Por la profundidad del DOM en instalaciones antiguas, la dependencia del postmeta y el peaje de la migración. La queja tiene menos que ver con la edición visual y más con lo que el editor visual deja detrás.
¿Está FSE listo para producción? Para sitios nuevos, sí. Para migrar grandes sitios existentes con tema clásico, solo en parte: las configuraciones híbridas (tema de bloques para las plantillas nuevas, clásico para las heredadas) funcionan en la práctica.
¿Puedo migrar de Elementor a Gutenberg automáticamente? No. Toda migración seria es manual o semimanual. Las herramientas que prometen conversión automática producen HTML que de todos modos hay que limpiar a mano.
Última actualización: 2026-10-12
Autor: wppoland.com
¿Quieres dejar atrás Elementor o Divi? Habla con nuestro equipo de desarrollo WordPress sobre una migración a Gutenberg o consulta proyectos recientes con temas de bloques en nuestro portafolio. Para trabajo de Core Web Vitals, mira la optimización de velocidad de WordPress.
Recursos relacionados
- Desarrollo WordPress profesional: implementación con Gutenberg
- Optimización de velocidad: Core Web Vitals
- Rediseño WordPress: migración desde page builders
- Desarrollo WooCommerce: tiendas optimizadas







