Se você se sentir um pouco restrito pela flexibilidade de layouts fornecidos por temas WordPress, você pode estar interessado em construir suas páginas WordPress com um plugin construtor de páginas.
construtores de páginas WordPress tornaram-se extremamente populares porque eles deixam qualquer um, mesmo aqueles sem o dom do Código, construir um belo site ou página de desembarque usando um simples drag and drop, WYSIWYG editor., Como você pesquisa que construtor de site ou plugin WordPress seria melhor para você, você vai olhar para uma série de fatores importantes: facilidade de Uso, preços, modelos de layout de página, etc. Neste post, estamos focando em comparar esses construtores de páginas em um fator: velocidade.
são os produtos acabados que os construtores de páginas colocam para fora tudo o mesmo quando se trata de desempenho? Ou, esses construtores estão criando uma bolha de código ineficiente que abranda o desempenho do seu site WordPress e prejudica o seu UX? Uma bela página perfeita pixel não vale muito se os seus usuários saltam porque o seu site leva 5 segundos para carregar.,
a rapidez com que o seu site carrega Está ligado ao seu sucesso. As estatísticas indicam que a cada 100 milissegundos de tempo de carga cria um aumento de aproximadamente 7% na sua taxa de salto.
mas a menos que você queira ter o tempo para construir páginas de desembarque idênticas com diferentes construtores de páginas e testar o seu desempenho, é difícil saber com certeza como cada construtor de páginas se acumula.bem … tivemos tempo.,
construí páginas de desembarque quase idênticas com cinco construtores de páginas WordPress populares e, em seguida, executei-os através de uma série de testes de velocidade para encontrar o melhor construtor de páginas WordPress em termos de desempenho. Agora, vou compartilhar todos esses dados com você.
eis como vou testar estes construtores de 5 páginas
para testar o desempenho de cada construtor de páginas, vou construir uma página de aterragem usando cada um dos construtores de cinco páginas. Vou basear isto na página de aterragem Pagely, com alguns elementos adicionados e removidos.,
estas páginas de destino serão, tanto quanto possível, perfeitamente idênticas, embora isso nem sempre seja possível devido aos elementos disponíveis em cada construtor de páginas.
também, não espere que eles pareçam tão bons quanto a página inicial pagely original porque eu sou … bem, não um designer profissional (ou mesmo um designer Amador).,
uma Vez que eu criar a página de destino com cada criador da página, vou recolher dados utilizando três diferentes ferramentas:
- WebPagetest – dá uma detalhada análise de desempenho, incluindo o tempo de carga e um “índice de velocidade”
- Pingdom Tools – oferece tempo de carregamento da página, tamanho da página, número de pedidos
- Monitor de Consulta plugin – mostra quantas consultas de banco de dados o plugin faz e quanto tempo essas consultas tomar
eu também vou de tempo de quanto tempo ele leva-me a construir o demo de página de destino, mas eu recomendo que você tomar esses números como estimativas aproximadas, ao invés de óleos., Aqui está o porquê: indo a esses testes, eu usei alguns desses construtores de páginas mais do que os outros, então não é científico para mim declarar um “mais fácil de usar” do que os outros.
Aqui estão os detalhes técnicos da minha configuração de teste
para que estes testes para manter qualquer valor, eles precisam ser consistentes. E tens de confiar que são consistentes.
assim, antes de eu Saltar para qualquer teste real, vamos executar através de como o meu site de teste é configurado:
- hospedado em Pagely
- executando WordPress 4.9.,2
- usando o tema Astra, uma opção popular para os desenvolvedores pararem com os construtores de páginas
- sem barra lateral. Largura total esticada recipiente (estes são Astra opções de tema)
- Monitor de Consulta plugin instalado
- Não há outros plugins instalados
- Nenhuma página otimizações de velocidade, além daqueles implementado automaticamente pelo Pagely de hospedagem
E aqui está o criador da página de plugins que eu vou estar usando:
- Elementor – versão 1.9.2*
- Castor Construtor Pro – versão 2.0.3.1
- Divi Construtor de plugin (i.e. não o tema de versão) – versão 2.0.,31
- WPBakery criador da Página – versão 5.4.2 (anteriormente conhecido como Visual Compositor)
- SiteOrigin criador da Página – versão 2.6.1 mais SiteOrigin Widgets versão do Bundle 1.11.3
*Porque Elementor Pro é um add-on, em vez de um plugin autônomo como as outras versões premium, eu acho que é justo teste usando a versão gratuita do Elementor.
executando os testes para cada construtor de páginas WordPress Individual
Agora que você sabe em que esses testes são construídos, vamos saltar e olhar para os dados!,
Para cada criador da página, eu vou incluem:
- Uma captura de tela do que o testado página de destino parece
- Pingdom dados de desempenho
- WebPagetest dados de desempenho
- Quanto tempo levou-me a criar a página (lembre – se que este é apenas um indicativos – não tomá-lo como um disco rígido de comparação)
- Uma imagem do que acontece depois de desactivar o criador da página, para dar uma idéia de quanto um “lock-in” não existe
Então, no final, eu vou colocá-lo todos juntos em um único, fácil de comparar a tabela e fazer algumas conclusões!, Se preferir saltar o play-by-play, pode clicar aqui para saltar directamente para a tabela de resumo.
Elementor Performance Test
como todos os plugins do construtor de páginas apresentados aqui, Elementor torna fácil criar uma página web muito bonita rapidamente sem ter que conhecer qualquer HTML, CSS, ou Javascript.
Elementor oferece uma característica única chamada “Elementor Canvas” que lhe permite construir uma página web completamente do zero — completamente separada do tema WordPress. Não há nenhum rodapé inserido, nenhum menu, nenhuma barra lateral., É a derradeira flexibilidade no Design WordPress e muito útil para a criação de drag and drop landing páginas em particular (que muitas vezes usam layouts não-padrão e exigem o mínimo de distrações da chamada para a ação).,
Qual A Página de Destino Parecia:
Tempo Para Construir de Página: 22:09
Pingdom Dados de Teste:
WebPagetest Dados de Teste:
Consulta de Dados do Monitor:
o Que Acontece Depois de Desativar O Plugin:
Castor Construtor de Teste de Desempenho
Castor Construtor é um popular site de construção plugin usado por mais de 175k sites. É famoso por sua facilidade de uso e UI intuitivas.,
ele também oferece algumas características avançadas, como atalhos de teclado e a capacidade de salvar linhas e colunas para que eles possam ser facilmente reutilizados. Beaver Builder é construído sobre a estrutura Bootstrap e afirma ser rápido e leve., Vamos ver como ele se comporta no mundo real…
Qual A Página de Destino Parecia:
Hora De Construir Página: 20:37
Pingdom Dados de Teste:
WebPagetest Dados de Teste:
Consulta de Dados do Monitor:
o Que Acontece Depois de Desativar O Plugin:
Divi Construtor de Teste de Desempenho
Divi, por Elegantes Temas, é um tema do WordPress e autônomo, criador da página do plugin., Aqui estamos revendo o desempenho do plugin construtor de sites não o tema WordPress.
Você pode criar páginas e posts na infra-estrutura WordPress ou até mesmo projetar o seu site usando a interface do WordPress com um editor WYSWIG. Divi oferece centenas de temas infantis e modelos de páginas pré-construídos. Fiel ao nome de sua empresa, Divi oferece uma experiência de construção de página verdadeiramente elegante com muitos Polonês, doces para os olhos, e características intuitivas.,
Qual A Página de Destino Parecia:
Tempo Para Construir de Página: 21:02
Pingdom Dados de Teste:
WebPagetest Dados de Teste:
Consulta de Dados do Monitor:
o Que Acontece Depois de Desativar O Plugin:
WPBakery criador da Página de Teste de Desempenho
Como Elementor, WPBakery é muitas vezes vem com muitos dos mais conhecidos temas do WordPress., WPBakery se destaca de muitos dos outros construtores de páginas por causa de quantos add-ons e melhorias estão disponíveis. Você pode escolher entre mais de 200 ons adicionais que fazem tudo desde slick CSS animações para melhorar as suas páginas de produtos WooCommerce.,
Qual A Página de Destino Parecia:
Hora De Construir Página: 27:18
Pingdom Dados de Teste:
WebPagetest Dados de Teste:
Consulta de Dados do Monitor:
o Que Acontece Depois de Desativar O Plugin:
SiteOrigin criador da Página de Teste de Desempenho
SiteOrigin é totalmente gratuita. Enquanto muitos construtores de páginas instalam seus próprios widgets, a origem do Site é única na medida em que ele joga bem com widgets WordPress padrão.,
O Que a Página de destino parecia: *Construtor de páginas SiteOrigin não tem um elemento de contador, então eu usei HTML estático em vez disso, o que lhe dá uma pequena vantagem nos testes de desempenho.,
Hora De Construir Página: 19:51
Pingdom Dados de Teste:
WebPagetest Dados de Teste:
Consulta de Dados do Monitor:
o Que Acontece Depois de Desativar O Plugin:
WordPress Página Construtor de Comparação de Velocidade
Após todos os testes foram executados e os dados processados, aqui está como as coisas se sacudiu para fora.vamos ver o bom primeiro., Aqui está o vencedor de cada categoria:
- mais Rápido Pingdom Tempo de Carregamento da Página: SiteOrigin criador da Página em 390 ms
- Menor Pingdom Pedidos: SiteOrigin criador da Página com 13
- Menor Pingdom Tamanho da Página: SiteOrigin criador da Página com 245.0 kB
- mais Rápido WebPagetest Totalmente Carregado em Tempo: SiteOrigin criador da Página com 578 ms
- Menor WebPagetest Índice de Velocidade: SiteOrigin Página no Construtor de 500
- Menor número de Consultas de Banco de dados: Divi Builder com 8
- mais baixa base de Dados de Tempo de Consulta: Divi Construtor a 0.,0039 s
agora, vamos olhar para o pior desempenho em cada categoria em nossos testes:
- mais lento Pingdom Tempo de Carregamento da Página: Castor Construtor em 665 ms
- Mais Pingdom Pedidos: Elementor com 28
- Maior Pingdom Tamanho da Página: Divi Builder em 532.7 kB
- mais lento WebPagetest Totalmente Carregado em Tempo: Divi Builder em 1.294 s
- Maior WebPagetest Índice de Velocidade: Divi Builder em 901
- Mais Consultas de Banco de dados: Elementor com 30
- Maior Banco de dados de Tempo de Consulta: Elementor a 0.,Page Builder
Pingdom Page Load 489 ms 665 ms 463 ms 401 ms 390 ms Pingdom Requests 28 20 15 15 13 Pingdom Page Size 530.,7 kB 416.6 kB 532.7 kB 435.7 kB 245.0 kB WebPagetest Fully Loaded 1.254 s 943 ms 1.,d=”573b113c2a”>578 ms WebPagetest Speed Index 574 700 901 610 500 Database Queries 30 14 8 10 9 DB Queries Time 0.,0123 0.0059 0.0039 0.0042 0.0042 Time To Build Page 22:09 20:37 21:02 27:18 19:51 What Conclusions Can We Draw About Page Builder Performance?,
os dados estão lá para você se interpretar. Mas aqui ficam algumas conclusões que eu acho que vale a pena considerar:
Página Construtores São, em certa Medida, Um Ato de equilíbrio Entre o Desempenho E as Características
não é surpresa SiteOrigin Página Construtor teve o melhor desempenho em quase todos os testes.
But here’s the thing:
SiteOrigin Page Builder isn’t just lightweight when it comes to performance – it’s also lightweight when it comes to features.,
obtém melhor desempenho do que os outros construtores de páginas sacrificando, em parte, a funcionalidade.
For the performance-focused, that trade-off might be well worth it.
but other people might be willing to trade a bit of performance for a more powerful page building experience, and I don’t think there’s necessarily anything wrong with that.
o usuário médio será capaz de construir uma página mais complexa com um dos outros quatro construtores de páginas.,
por essa razão, eu acho que é melhor procurar um construtor de páginas que tem as características que você precisa e, em seguida, comparar o desempenho dos construtores de páginas que cumprem esses critérios.
não Há Grandes Diferenças Entre Os de Alta potência WordPress Página Construtores
Se você excluir SiteOrigin criador da Página e concentre-se no mais rico página construtores, você vai notar que não há uma tonelada de diferença entre eles.,
você pode certamente detectar algumas diferenças – Elementor é um pouco pesado em consultas e pedidos de banco de dados, enquanto Beaver Builder ofereceu o menor tamanho de página.
mas, no geral, todos estes plugins têm trabalhado claramente para otimizar o desempenho, que é provavelmente por isso que eles são os líderes de mercado no espaço.
shortcode Lock-in é uma consideração real
Se você está escolhendo um construtor de páginas para a vida, você não precisa se preocupar com isso.,
mas se você acha que há uma chance você pode mudar (ou parar de usar) construtores de páginas ao longo da estrada, é importante salientar que apenas dois desses construtores de páginas deixam para trás código completamente limpo.
dois plug-ins que deixar para trás a 100% limpo código são:
- Elementor
- Castor Construtor
SiteOrigin criador da Página deixa para trás a maioria código limpo, mas não deixe alguns códigos de acesso, nomeadamente, mostrando até onde quer que eu usei botões.,
finalmente, tanto o construtor Divi como O Construtor de páginas WPBakery deixam para trás um monte de códigos de acesso que você terá de encontrar uma maneira de remover.
quais são as suas experiências com o desempenho de construtores de páginas WordPress?
claro, a velocidade do seu site WordPress é apenas um fator a considerar quando se trata de encontrar o melhor construtor de página para o seu site. Coisas como facilidade de uso, a qualidade dos modelos de página que eles incluem, o quão fácil o estilo das páginas é, Preços, nível de suporte, e muitos outros fatores entram em jogo.,
mas, o que você está finalmente tentando produzir é um belo site que carrega rapidamente de modo que o desempenho destes diferentes construtores de páginas é uma consideração crítica.
Quais são as suas próprias experiências com estes plugins WordPress construtor de páginas e desempenho? E mais importante, onde você acha que o equilíbrio deve estar entre características e desempenho? Para outra opinião profunda de Pippin Williamson nos plugins do construtor de páginas, veja isto.,
Autor
Colin Newcomer
Colin Newcomer é um escritor freelance for hire com um fundo em SEO e marketing afiliado. Ele ajuda os clientes a aumentar a sua visibilidade na web escrevendo principalmente sobre marketing digital, WordPress e tópicos B2B.
