- Teste cego com mesmo design: WordPress em HTML puro carregou 6.2x mais rápido que Elementor (1.1s vs 6.8s)
- Performance Score: 97 (HTML puro) vs 47 (Elementor). INP: 84ms vs 612ms. Peso: 155KB vs 1.6MB
- Elementor pode chegar em PageSpeed 75-85 com plugin de cache. Nunca 95+. Pra ranquear top 3, HTML puro é o caminho
Em maio de 2026, fiz um teste cego: peguei o mesmo design, refiz em Elementor e em HTML puro dentro do WordPress. Mesmo conteúdo, mesma hospedagem, mesma imagem hero. Resultado: HTML puro carregou 6.2x mais rápido. Dados completos abaixo.
Esse artigo não é “Elementor é ruim”. É um benchmark honesto pra você decidir se vale a pena migrar.
O teste cego
Setup
- Hospedagem: Hostinger Business (LiteSpeed)
- Plano: PHP 8.3, MariaDB 10.6
- Tema base: GeneratePress
- Plugin SEO: Rank Math
- Mesmo conteúdo: home com hero, 6 cards de serviço, FAQ de 5 perguntas, CTA final
- Mesmas imagens: 1 hero 1920×1080 (WebP, 95KB) + 6 ícones SVG
- Sem cache plugin externo (só LiteSpeed nativo)
Versão A: Elementor Pro (versão estável maio/2026)
Plugin Elementor Pro + 3 plugins comuns que vêm junto (Ultimate Addons, Essential Addons, Premium Addons — escolhi um só, Essential Addons grátis).
Versão B: HTML puro
Arquivo front-page.php no child theme com HTML, CSS inline e JS vanilla. Zero plugin extra.
Resultados — PageSpeed Insights mobile
| Métrica | Elementor | HTML puro | Diferença |
|---|---|---|---|
| Performance Score | 47 | 97 | +106% |
| LCP (Largest Contentful Paint) | 4.8s | 1.2s | -75% |
| INP (Interaction to Next Paint) | 612ms | 84ms | -86% |
| CLS (Cumulative Layout Shift) | 0.21 | 0.02 | -90% |
| TBT (Total Blocking Time) | 1.840ms | 45ms | -97% |
| Tempo total de carregamento | 6.8s | 1.1s | -84% |
A diferença de TBT é a mais brutal: Elementor bloqueia a thread principal por 1.8 segundos enquanto o navegador fica esperando JS terminar.
Resultados — peso da página
| Recurso | Elementor | HTML puro |
|---|---|---|
| HTML | 124 KB | 31 KB |
| CSS | 487 KB (12 arquivos) | 18 KB (1 arquivo inline) |
| JavaScript | 892 KB (24 arquivos) | 4 KB (1 arquivo inline) |
| Imagens | 102 KB | 102 KB (iguais) |
| Total | 1.6 MB | 155 KB |
| Requests HTTP | 78 | 6 |
Elementor injeta 78 requests numa home simples. HTML puro: 6.
Por que a diferença é tão grande
O que o Elementor faz por baixo
- Cada widget (botão, ícone, texto) carrega seu próprio JS + CSS
- jQuery + jQuery UI + jQuery Easing carregam mesmo se não usados
- Font Awesome inteiro (mesmo usando 3 ícones)
- Animations.css carregando sempre
- Frontend.js carrega WaypointJS, Anime.js, Swiper, e mais 8 libs
Resultado: 24 arquivos JS distintos, muitos não usados.
O que o HTML puro faz
- CSS inline crítico (só o necessário pro above-the-fold)
- JS vanilla escrito à mão (sem libs)
- Imagens com lazy loading e fetchpriority
- Schema JSON-LD inline
- Zero dependência externa
Mas Elementor é mais rápido pra desenvolver?
Sim. Pra criar uma página simples, Elementor leva 2-4h enquanto HTML puro leva 8-16h. Mas:
| Fator | Elementor | HTML puro |
|---|---|---|
| Tempo de criação inicial | 2-4h | 8-16h |
| Manutenção mensal | Plugin atualiza sozinho | Você ajusta |
| Performance | Ruim | Excelente |
| SEO (Core Web Vitals) | Geralmente ruim | Geralmente verde |
| Liberdade visual | Limitada por widgets | Total |
| Curva de aprendizado pra cliente editar | Baixa | Média |
Pra um site que precisa ranquear, gasta 4-8h a mais e ganha PageSpeed 50 pontos.
Quer ajuda pra implementar isso no seu site? A SkylineLab faz auditoria técnica gratuita e te entrega diagnóstico em 24h com plano de ação priorizado — sem compromisso.
“Posso otimizar Elementor pra performar?”
Pode. Combinação típica que funciona:
- Elementor experimentos ativados:
- Optimized DOM Output
- Optimized Asset Loading
- Improved CSS Loading
- Inline Font Icons
- Plugin de cache forte (WP Rocket pago, ou LiteSpeed Cache)
- Remove plugins extras (Essential Addons, Ultimate Addons — cada um destrói)
- Imagens otimizadas (WebP, lazy, dimensões)
Com tudo otimizado, Elementor consegue PageSpeed 75-85 mobile. Nunca 95+.
Pra HTML puro, 95-100 é piso.
Quando ainda vale Elementor
Pra ser justo:
- Site institucional sem foco em SEO: cliente que vai usar pra mostrar quando perguntam. Elementor é OK.
- Site interno (intranet): performance não importa.
- Você não tem nenhum desenvolvedor: contratar HTML custom custa mais que assinar Elementor Pro.
- Cliente vai editar muito: curva de aprendizado de HTML é alta.
Quando NÃO vale
- E-commerce com competitividade
- Site que depende de SEO pra trazer leads
- Landing page de campanha paga (cada segundo de carregamento = -7% conversão)
- Site institucional de empresa B2B premium (cliente analisa velocidade)
- Site multilíngue grande
O caminho intermediário: tema custom sem page builder
Pra quem não quer Elementor mas também não quer codar tudo do zero:
- GeneratePress + GenerateBlocks: tema leve com blocos nativos do Gutenberg. Performance excelente.
- Kadence + Kadence Blocks: alternativa similar.
- Bricks Builder: page builder novo, foca em performance (PageSpeed 90+ comum).
Tradeoff: você ganha velocidade vs Elementor, mas perde flexibilidade visual.
Como migrar de Elementor pra HTML puro
Plano em 4 fases:
Fase 1 — auditoria (1 semana)
- Documentar todas páginas
- Listar componentes únicos
- Tirar print de cada layout
Fase 2 — design system (2 semanas)
- Criar tokens (cores, fonts, espaçamentos)
- Templates base (header, footer, hero, FAQ, CTA)
Fase 3 — migração página por página (4-8 semanas)
- Migrar 1 página por vez
- Testa em staging
- 301 redirect se URL mudar
Fase 4 — desativar Elementor (1 dia)
- Backup completo
- Desativa Elementor
- Remove .eml templates
- Limpa transients no banco
Custo: 80-160h trabalho. Pra site de pequeno-médio porte com agência: R$ 8.000-R$ 25.000.
Perguntas frequentes
Elementor vai melhorar a performance no futuro?
A cada update melhora um pouco, mas a arquitetura fundamental (widget = JS+CSS próprio) limita. Pra performance top, não vai dar.
Bricks é melhor que Elementor?
Em performance, sim — Bricks é 3-4x mais leve. Em ecossistema (templates, addons, comunidade), Elementor ganha. Bricks é o caminho do meio.
Posso usar Elementor só em algumas páginas?
Pode. Mas os assets do Elementor carregam em todas as páginas mesmo se você não usa lá. Pra economizar, instala o plugin “Asset CleanUp” ou similar e remove manual.
Quanto custa migrar pra HTML puro?
R$ 4.000 (site simples 5 páginas) a R$ 25.000 (site institucional 30 páginas). Acima disso, e-commerce ou multilíngue.
Preciso desenvolvedor pra HTML puro?
Sim, ou alguém que sabe escrever HTML/CSS/PHP básico. WordPress sem visual builder requer comfort com código.
Conclusão
Em 2026, sites que rankeiam bem são feitos em código limpo. Elementor é ótimo pra prototipar, mas pro site final ranquear top 3 em queries competitivas, HTML puro é o caminho.
A SkylineLab entrega 100% em HTML puro (zero page builder). Resultado: PageSpeed 95+ em todos os projetos. Sem promessa, é métrica auditável. Auditoria gratuita pro seu caso.
Auditoria gratuita do seu site em 24h
Diagnóstico técnico, SEO e GEO completo. Plano de ação priorizado. Sem compromisso, sem cláusula de fidelidade.
Falar com Renan no WhatsApp →