Para a maioria dos projetos sérios, a Pixelize recomenda o Gutenberg: nativo, mais leve, sem custo de licença e alinhado ao futuro do WordPress. O Elementor brilha na edição visual rápida para quem não programa.
Veredito: Gutenberg vence na performance, na manutenção e em não depender de plugin de terceiros. Elementor ganha na velocidade de edição visual para não-devs. Escolha pelo projeto, não pela moda.
Resumo rápido (30s)
Se você tem 30 segundos, é isto: o Gutenberg é o editor nativo do WordPress, gera HTML mais limpo e não custa licença. O Elementor Pro é um page builder pago que troca performance e portabilidade por facilidade visual. Para um site que precisa durar, carregar rápido e não ficar refém de um plugin, o nativo tende a vencer.
| Critério | Gutenberg | Elementor Pro |
|---|---|---|
| Custo | Gratuito (nativo) | Licença anual (a partir de ~US$59/ano por site) |
| Nativo vs plugin | Nativo do WordPress core | Plugin de terceiros |
| Performance / CWV | Mais leve; menos CSS/JS | CSS/JS extra tende a pesar |
| Tamanho do DOM | Menor, marcação enxuta | Costuma inflar o DOM |
| Lock-in / portabilidade | Blocos em HTML padrão | Formato proprietário no banco |
| Curva de aprendizado | Mais íngreme no começo | Amigável para não-devs |
| Flexibilidade visual | Alta com blocos e theme.json | Muito alta, arrastar e soltar |
| Blocos custom | Sob medida via block.json | Widgets prontos e add-ons |
| Futuro do WP (FSE) | É o caminho oficial (FSE) | Fora do core; segue à parte |
| SEO / HTML semântico | Marcação limpa e controlável | Mais wrappers e divs |
O resto do guia justifica cada linha dessa tabela — e mostra a nuance que quase ninguém conta: em um site lento, hospedagem e cache mudam mais o resultado do que trocar o builder.
O que é o Gutenberg
O Gutenberg é o editor de blocos nativo do WordPress, incorporado ao core desde a versão 5.0. Em vez de um único campo de texto, cada parágrafo, título, imagem ou botão vira um bloco independente. O conteúdo é salvo como HTML padrão no próprio post, com comentários que delimitam cada bloco. Não é um plugin: é parte do WordPress.
Isso importa por um motivo simples: o que é nativo não some quando você desativa um plugin, não cobra licença e evolui junto com o WordPress.
Blocos, patterns e theme.json
Três peças fazem o Gutenberg render em projeto profissional:
- Blocos são as unidades de conteúdo. O core já traz dezenas (parágrafo, colunas, imagem, galeria, botões, consultas de posts) e você pode criar blocos próprios.
- Block patterns são conjuntos de blocos prontos para reaproveitar — uma seção de preços, um hero, um bloco de depoimentos. Você monta uma vez e replica com consistência.
- theme.json é o arquivo que centraliza o design system do tema: paleta de cores, escala de tipografia, espaçamentos e o que cada bloco pode ou não fazer. Ele padroniza o visual e evita que cada página vire uma colcha de retalhos.
Na prática, blocos + patterns + theme.json entregam um editor visual com barreiras: o cliente edita à vontade, mas dentro do design system que o desenvolvedor definiu. Liberdade com trilhos.
Full-Site Editing (FSE)
O Full-Site Editing é a direção oficial do WordPress: editar o site inteiro — cabeçalho, rodapé, arquivos, templates — com a mesma lógica de blocos, sem depender de PHP em toda mudança. Temas de bloco usam templates em HTML e o theme.json como fonte da verdade do design.
O ponto estratégico é este: o WordPress está investindo o futuro dele no editor de blocos. Apostar no Gutenberg é apostar na direção para onde a plataforma caminha — e não numa camada paralela que precisa correr atrás de cada versão nova do core.
O que é o Elementor
O Elementor é um page builder de terceiros: um plugin que adiciona ao WordPress uma interface de arrastar e soltar, com edição visual ao vivo e uma biblioteca enorme de widgets. Tem uma versão gratuita e o Elementor Pro, pago, que libera os recursos avançados — theme builder, formulários, widgets de e-commerce, popups.
Precisamos ser justos: o Elementor é popular por um bom motivo. Ele resolve um problema real para muita gente.
Onde ele brilha
- Edição visual para quem não programa. Você vê a página mudar enquanto arrasta. Para um cliente que quer autonomia sem tocar em código, é libertador.
- Biblioteca de widgets e templates. Dezenas de componentes prontos e um ecossistema grande de add-ons cobrem quase qualquer layout sem escrever CSS.
- Velocidade em landing pages pontuais. Para uma página de campanha que precisa ir ao ar amanhã, montar no Elementor pode ser mais rápido do que estruturar blocos custom.
- Prototipagem. Testar uma ideia de layout rápido, sem envolver desenvolvimento, é um caso legítimo.
Nada disso é pouco. Se o seu gargalo é quem edita não é dev e precisa de autonomia, o Elementor endereça exatamente essa dor.
O custo real da licença Pro + TCO
O recurso profissional do Elementor mora no Elementor Pro, uma licença anual — a tabela oficial começa em torno de US$59/ano por site, com planos mais caros para mais sites. Mas o preço da etiqueta é só a ponta do custo total de propriedade (TCO):
- Renovação todo ano. Parou de pagar, para de receber atualizações e suporte. É um custo recorrente, não uma compra única.
- Add-ons. Muitos layouts “prontos” dependem de plugins extras de terceiros, cada um com seu ciclo de atualização e seu risco.
- Peso de manutenção. Cada plugin é mais uma superfície para conflito, atualização e falha de segurança.
- Dependência. Seu site passa a depender da saúde de uma empresa externa e do roadmap dela.
O Gutenberg, por ser nativo, zera a linha de licença — mas troca esse custo por mais trabalho inicial de desenvolvimento. A conta honesta é essa, e voltamos a ela no veredito.
Performance: quem deixa o site mais lento?
Resposta curta e honesta: o page builder costuma pesar mais, mas ele quase nunca é a primeira coisa que você deveria arrumar num site lento.
DOM, CSS e JS: como o peso vira LCP, CLS e INP
Todo page builder envolve o seu conteúdo em camadas de estrutura para viabilizar o arrastar e soltar. Na prática, isso significa:
- Mais elementos no DOM. Cada seção costuma nascer com wrappers, colunas e divs de controle. Um DOM grande é mais caro para o navegador renderizar e piora as métricas.
- CSS e JavaScript adicionais. O builder carrega o próprio framework de estilos e scripts para funcionar. Mais bytes e mais trabalho de main thread.
- Impacto nos Core Web Vitals. DOM inchado e JS extra tendem a atrasar o LCP (maior elemento visível), abrir espaço para CLS (deslocamento de layout) e piorar o INP (resposta à interação). É o que você vê penalizado no PageSpeed Insights e no Lighthouse.
O Gutenberg gera marcação mais próxima do HTML que você escreveria à mão. Menos wrappers, menos CSS órfão, menos JS. Por isso, em condições iguais, o nativo costuma sair na frente nas Core Web Vitals. Não é mágica — é menos código fazendo a mesma coisa.
A verdade incômoda: hospedagem e cache vêm antes do builder
Aqui está o que um dev honesto precisa dizer: antes de culpar o Elementor, olhe a infraestrutura.
Num site lento, o maior ganho quase sempre vem de hospedagem decente e cache bem configurado — não da troca do editor. Um servidor sobrecarregado, sem cache de página, sem CDN e com PHP desatualizado vai entregar TTFB ruim independentemente de o conteúdo ter sido montado em Elementor ou Gutenberg.
A ordem sensata de otimização é:
- Hospedagem e TTFB — servidor à altura, PHP atual, banco saudável.
- Cache e CDN — cache de página, cache de objeto, entrega de assets estáticos por CDN.
- Imagens e assets — formatos modernos, tamanhos corretos, lazy loading.
- Aí sim, o builder — reduzir o peso do que monta as páginas.
Trocar o page builder num servidor ruim é trocar os pneus de um carro sem motor. O builder importa — mas é o último degrau, não o primeiro. (Se o seu sintoma é erro e não lentidão, veja os erros comuns do WordPress.)
Lock-in: o que acontece se você desinstalar
Este é, para nós, o argumento mais forte a favor do Gutenberg — e o mais ignorado na hora da decisão.
Markup de bloco portável vs formato proprietário
- Gutenberg salva o conteúdo como blocos em HTML padrão dentro do post. Desative qualquer plugin e o texto, os títulos e as imagens continuam lá, legíveis, porque são HTML de verdade gravado no conteúdo.
- Elementor salva o layout num formato proprietário no banco (metadados e estrutura própria). Ao desativar o plugin, o WordPress não sabe mais renderizar aquilo: o layout se desmancha e sobram shortcodes ou marcação quebrada na página.
Traduzindo: com o Gutenberg, seu conteúdo é seu e viaja. Com o Elementor, boa parte do valor fica presa ao plugin. Isso é vendor lock-in — e é um custo que não aparece na fatura, só no dia em que você quer sair.
Migrar vale a pena?
Se você já está no Elementor, a pergunta natural é: dá para migrar sem dor? A resposta honesta: não existe conversor de um clique confiável. Migrar de Elementor para Gutenberg é, na prática, uma reconstrução página a página — reproduzir cada layout em blocos, com atenção a SEO, redirecionamentos e paridade visual.
Vale a pena quando performance, custo de licença ou peso de manutenção já incomodam mais do que o esforço da troca. Para poucas landing pages, muitas vezes não compensa. Para um site grande, lento e caro de manter, costuma pagar o investimento em pouco tempo. Detalhamos o processo no guia de migração de Elementor para Gutenberg.
Blocos customizados: a jogada da Pixelize
O que destrava o Gutenberg em projeto profissional é parar de tentar recriar o Elementor com plugins e passar a criar blocos sob medida para o cliente.
A ideia é simples: em vez de dar ao cliente 90 widgets genéricos que ele nunca vai usar, você entrega exatamente os blocos que o projeto precisa — um bloco de depoimento com os campos certos, um card de serviço no padrão da marca, uma seção de FAQ que já sai com a marcação semântica correta. Cada bloco é definido por um block.json e pode ser gerado com o @wordpress/create-block, o scaffolding oficial do WordPress.
O resultado é o melhor dos dois mundos:
- Edição fácil como no Elementor — o cliente preenche campos e vê o resultado.
- Sem o peso e o lock-in — é nativo, leve e o conteúdo continua portável.
- Consistência garantida — o bloco só permite o que o design system prevê, então nada quebra o layout.
É assim que entregamos autonomia ao cliente sem hipotecar performance nem liberdade. O passo a passo está no guia de como criar blocos customizados no Gutenberg.
Quando usar cada um
Nada de dogma. A ferramenta certa depende do projeto, de quem edita e de quanto tempo o site precisa durar.
Use Gutenberg se…
- O projeto é sério e de longo prazo, e você quer performance e manutenção baixas.
- Core Web Vitals e SEO são prioridade real.
- Você quer evitar lock-in e manter o conteúdo portável.
- Existe orçamento para desenvolvimento inicial de blocos sob medida.
- Você quer estar alinhado ao futuro do WordPress (FSE).
Use Elementor se…
- Quem edita não é dev e precisa de autonomia total, já.
- O prazo é curto e o orçamento inicial é apertado.
- É uma landing page pontual de campanha, com vida útil curta.
- Você precisa prototipar rápido sem envolver desenvolvimento.
O caminho híbrido
Também existe o meio-termo. Times usam o Elementor em campanhas efêmeras e o Gutenberg no site institucional que precisa durar. Ou começam no Elementor para validar rápido e migram para blocos custom quando o projeto amadurece. Não é traição escolher a ferramenta por contexto — é engenharia. O que não recomendamos é rodar os dois na mesma página: aí você paga o peso dos dois e não colhe o melhor de nenhum.
O veredito da Pixelize
Para a maioria dos projetos sérios, recomendamos o Gutenberg. Ele é nativo (sem depender de plugin de terceiros), gera páginas mais leves com melhores Core Web Vitals, não cobra licença, mantém seu conteúdo portável e está alinhado ao futuro do WordPress com o Full-Site Editing. Com blocos customizados, ele entrega a mesma autonomia de edição que atrai as pessoas ao Elementor — sem o peso e sem o lock-in.
Isso não faz do Elementor uma escolha errada. Para edição visual rápida por não-devs, para landing pages pontuais e para prazos apertados, ele é uma ferramenta legítima e boa no que faz. Ser justo com ele é parte de dar um conselho honesto.
O trade-off sincero: o Gutenberg costuma custar mais no início — é desenvolvimento, não licença — e paga esse investimento de volta em performance, manutenção baixa e independência ao longo do tempo. E lembre da nuance: se o seu site está lento, comece por hospedagem e cache antes de trocar qualquer builder.
Se você quer um WordPress rápido, sustentável e sem correntes, é exatamente isso que a Pixelize constrói. Veja o serviço de WordPress e conte o seu caso.