Case interno · Performance WordPress

Elementor para Gutenberg: LCP mobile de 9,8s para 2,8s

Case Elementor para Gutenberg: LCP mobile de 9,8s para 2,8s

−72% NO LCP MOBILE

O conteúdo principal passou a aparecer em 2,8s, contra 9,8s na versão em Elementor.

METADE DO PESO EM HTML

De 178 KB para 92 KB na mesma página, com o mesmo layout e o mesmo formulário.

24 PARA 6 FOLHAS DE ESTILO

O Elementor injeta um CSS por widget. O tema-bloco entrega tudo com seis.

contexto

10 segundos até o visitante ver a página

Uma landing page de captura tem um trabalho: levar o visitante até o formulário. Na versão em Elementor, o visitante mobile esperava cerca de 10 segundos pelo conteúdo principal. O gargalo estava na camada de renderização, não na hospedagem.

As três saídas possíveis, e onde duas delas param:

01

Plugin de cache

O que parece: resolve sem tocar no site.

onde falha

Comprime o que o page builder gera. Não muda o que ele gera. O peso continua sendo produzido a cada requisição.

02

OTIMIZAR O ELEMENTOR

O que parece: mantém o time no editor que já conhece.

onde falha

Enquanto cada widget carregar a própria folha de estilo, o teto de performance é do Elementor, não do time.

03

TEMA-BLOCO FSE

O que parece: reconstruir dá trabalho.

o que entrega

Mesmo layout com CSS controlado pelo tema, sem duplicação e sem plugin de renderização no caminho.

Otimização de superfície não alcança a camada que gera o peso. A migração remove essa camada.

Antes e depois, nas métricas
que se repetem run a run

Números da LP representativa (checklist-auditoria-llm), no PageSpeed Insights com mediana de 5 ou mais runs. Os ganhos estruturais se repetiram nas 3 LPs.

-72% no LCP mobile: de 9,8s para 2,8s
-73% no FCP mobile: de 9,8s para 2,6s
-58% no Speed Index mobile: de 9,8s para 4,1s
-74% no LCP desktop: de 3,5s para 0,9s
-80% no FCP desktop: de 3,5s para 0,7s
+25 pts em Best Practices: de 67 para 92
100 em SEO e Acessibilidade, mantidos nos dois
estrutura

O que saiu da página

PESO DO HTML

178 KB para 92 KB. Metade do peso servido ao visitante anônimo, com o mesmo layout e o mesmo formulário.

FOLHAS DE ESTILO

24 para 6. O Elementor injeta uma por widget. No tema-bloco o CSS é do tema, sem duplicação.

SCRIPTS (SRC)

21 para 14. Sete arquivos a menos disputando a thread principal durante o carregamento.

PLUGINS DE RENDERIZAÇÃO

Astra e Elementor para nenhum. Nada entre o WordPress e o HTML que chega ao visitante.

COMO CHEGAMOS LÁ

O tema foi afinado,
não só migrado

Cada otimização entrou por pull request, revisada e autorizada. Um page builder não oferece esse controle.

  • #663 · WEBGL DO HERO OTIMIZADO

    Compilação de shader em tempo ocioso, loop que para depois da revelação e pausa fora da viewport. Fim do scripting perpétuo que prejudicava a interatividade.

  • #665 · WEBGL ADIADO ATÉ A 1ª INTERAÇÃO

    O canvas só inicializa quando o visitante rola ou toca na tela. Derrubou o TBT mobile em 82% na mediana e eliminou os picos de 13s.

  • GTM · TAGS DE MARKETING DEFERIDAS

    Facebook Pixel, Clarity e LinkedIn passam a carregar na primeira interação. GA e Mautic seguem imediatos, com atribuição preservada.

  • #667 · CSS NÃO CRÍTICO FORA DO RENDER-BLOCKING

    Tailwind e fontes saem do caminho de renderização. Speed Index 25% menor no mobile e 52% menor no desktop.

  • #669 · OPEN SANS SELF-HOSTED

    Fim da dependência do Google Fonts: ganho no Speed Index e em privacidade, sem IP de visitante indo para terceiros (LGPD).

Rigor na medição

Por que um print do PageSpeed não prova nada

O Total Blocking Time é uma métrica de laboratório notoriamente instável. Rodamos a mesma página 9 vezes sem mudar nada, e o TBT mobile variou 20 vezes: de 230 ms a 13.270 ms. Por isso o comparativo se ancora na mediana e nas métricas estáveis, nunca num print isolado.

Há também um dado que muitos cases omitiriam: a migração inicial piorou o TBT. Foi a afinação do tema que trouxe a métrica de volta à paridade com o Elementor.

Ver a metodologia completa
Metodologia

Como medimos

PageSpeed Insights, mobile e desktop, mediana de 5 ou mais runs. Mesma régua antes e depois, sem troca de ferramenta e sem escolher o melhor run.

01

MESMAS 3 URLS POR ETAPA DO FUNIL

ToFu (apache-vs-nginx), MoFu (checklist-auditoria-llm) e BoFu (kit-para-migrar).

02

MESMA FERRAMENTA

PageSpeed Insights (Lighthouse), mobile e desktop, antes e depois.

03

MEDIANA DE 5 OU MAIS RUNS

Com cache quente, para as métricas voláteis (TBT e Speed Index). O payload estrutural foi medido no HTML servido ao visitante anônimo.

04

DADOS DE CAMPO (CRUX): AINDA NÃO HÁ

As URLs não atingem o volume de tráfego que o Google exige para o percentil 75. O comparativo é de laboratório.

05

NÚMEROS DESTA PÁGINA

LP representativa checklist-auditoria-llm. Os ganhos estruturais foram consistentes nas 3 LPs.

wp growth

Migração feita. E a sua operação?

Se o seu time publica landing pages em page builder, o custo aparece em três lugares: segundos até o formulário no mobile, peso por página e dependência de plugin para renderizar.

Esse é o método que aplicamos em operações WordPress: medir com mediana, atacar a camada que gera o peso e colocar cada ajuste sob controle de versão: Medimos, Migramos, Afinamos e Documentamos.

Conheça o WP Growth

dúvidas sobre a migração

ELEMENTOR→GUTENBERG Respostas diretas para as dúvidas mais comuns
No caso das landing pages do lp.apiki.com, sim. O LCP mobile caiu de 9,8s para 2,8s (−72%) e o HTML, de 178 KB para 92 KB, medidos no PageSpeed Insights com mediana de 5 ou mais runs. O ganho vem de remover a camada de renderização do page builder, e não de cache.
O Elementor injeta uma folha de estilo por widget. Uma landing page simples, com headline e formulário, chegava a 24 folhas de estilo. No tema-bloco, a mesma página usa 6.
Não. A migração inicial piorou o Total Blocking Time. O resultado final veio de cinco ajustes no tema: WebGL otimizado e adiado até a primeira interação, tags de marketing deferidas, CSS não crítico fora do render-blocking e fontes self-hosted.
De laboratório. As URLs ainda não têm volume para dados de campo no CrUX. Para compensar a instabilidade do laboratório, usamos a mediana de 5 ou mais runs e nos ancoramos nas métricas que se repetem run a run.
Sim. GA e Mautic continuam carregando imediatamente. Facebook Pixel, Clarity e LinkedIn passam a carregar na primeira interação do visitante. A atribuição fica
preservada e o bloqueio da renderização sai.

Seu page builder está custando segundos no mobile?

Conta pra gente onde você quer chegar. Em até 24 horas úteis, um especialista volta com um plano inicial. Sem proposta padrão, sem follow-up automático.

1Sobre você
2Sobre a empresa
3Sobre o projeto
Este campo é para fins de validação e não deve ser alterado.

Sobre você