Como o Elementor Page Builder Afeta a Velocidade das Páginas
Autor: Danillo Leite
Publicado em: - Modificado em:
Como o Elementor Page Builder Afeta a Velocidade das Páginas: PROPRIETÁRIOS DO SITE INTERNACIONAL: Obtenha menos de 2 segundos de tempo de carregamento em hospedagem magnética barata e compartilhada. Nenhuma trapaça CDN. E ainda use dezenas de plugins gratuitos do WordPress!
Este artigo explora os plug-ins do construtor de páginas, especialmente o Elementor, e está aumentando o abandono. Examinamos os perigos e medos inerentes da velocidade da página. Nós apontamos o efeito negativo do Elementor com o uso do ícone Font Awesome. Problemas de velocidade não são culpa da Elementor. Wannabee web designer indisciplinado são o grande problema. O Elementor Pro dobra o arrasto do site do plugin Elementor (gratuito).
Organização de Tópicos
Elementor e a Velocidade das Páginas
O Elementor é um dos mais populares plugins de construção de páginas ao vivo para o WordPress. Tem uma versão gratuita e paga. Alguns afirmam que vai mudar o design do WordPress. Apostamos que editores alternativos mudam mais o cenário.
A versão gratuita do plugin Elementor é um arquivo zip de download de 2.3M. É 7,8M descompactado.
Como o Elementor Page Builder Afeta a Velocidade das Páginas
(Comparação: o WordPress é comprimido em 8.9M e descompactado em 26.5M).
As funções do código do construtor de páginas abrandam os sites. Autores do plug-in do construtor de páginas carregam variáveis de bancos de dados. Isso desencadeia muitas lentidões. Quanto padding você precisa? Que cor? Fronteira ou não? Imagens redondas ou quadrados? As decisões e seleções de configuração são executadas em tempo real. Estes repetem as mesmas decisões redundantes em cada carregamento de página.
Veja o gráfico de instalação abaixo.
As instalações ativas do plugin Elementor foram desativadas em março. Celebrar o cruzamento de 1.000.000 de instalações ativas é bom, mas os indicadores mostram que a tendência ainda é descendente.
Elementor ativo instala 1.000.000. Não estamos impressionados com a tendência de queda. 7% (por cento) é uma baixa taxa de retenção.
Alta seria 30 (bom) a 50% (excelente). 93 por cento das pessoas que tentam abandonar o Elementor .
Diabético com mais de 1.2M Font Awesome por padrão no Elementor é um crime para internet e aos planos de dados dos celulares. Por que eles incluem isso?
Há sobrecarga de velocidade associada ao construtor de páginas Elementor. Acrescenta CSS e JS extras. Mas essa diferença de velocidade é insignificante para o público de desktop. Para celulares remotos sem fio, é outra questão. Leia.
Uma das coisas ruins sobre muitos construtores de páginas é que eles usam códigos curtos. Depois que você parar de usar o plug-in do construtor de páginas – por qualquer motivo – ele estraga tudo. Elementor (e Beaver Builder) não fazem isso. Sim, alguns recursos do Elementor usam códigos curtos. Mas apenas alguns, e esses são recursos opcionais … não é necessário.
Construtor de Páginas Elementor
Última atualização: 2 semanas atrás
Instalações Ativas: 1.000.000 ou mais
Arquivo de download zip: 2.3M (e sempre crescente).
Retenção: 7%
Não é incomum que um criador de páginas adicione 1 milhão de código CSS e JS a todas as páginas do seu site (arrastar sites).
Com o peso médio da página da área de trabalho da Internet de 2,3M para 3M, você pode ver que um construtor de páginas usaria quase metade disso.
As páginas móveis mais pesadas que testamos estão em torno de 500k a 750k. Nossa home page é de 415k. A página que você está lendo agora é 206k.
Você pode ver que um construtor de página médio seria 5 vezes o valor desse peso – sem qualquer conteúdo! (Totalmente em BRANCO).
É bem verdade que o Elementor tem variados e inclui dezenas de muitos recursos e claro é fácil de usar (inserindo no mercado “profissionais, não tão profissionais assim” SOBRINHOS) – especialmente para iniciantes. Não são de criadores de páginas! De nossas experiências passadas – quando os temas incluem criadores de páginas – há sempre um peso extra, mas não são quilinhos. Estamos valor de uma pessoa sair dos 40 para 180kg.
Não do construtor propriamente dito – mas temos também o autor, o dono, do site adicionando lixo desnecessário. Os construtores de página também têm uma curva de aprendizado. É como aprender um novo sistema operacional de computador. Às vezes, os criadores de páginas adicionam mais 500k de arquivos CSS e 500k de arquivos JavaScript. Além do padrão, tem a invenção dos ADDons, todo cara que foge de programação com qualquer desculpa, não pode ver um. Nulled de preferencia. Pagar NUNCA! Além de um perigo ao cliente, Isso é 1 milhão de sobrecarga de peso de página.
Rápido ou Lento? Elementor
Quando surgiu a pergunta sobre se é rápido ou lento, o Elementor, decidimos testar e satisfazer nossa curiosidade.
Elementor tem a capacidade de funcionar bem, tem uma boa capacidade de resposta. Mas somente se o proprietário do site não estragar tudo. Também pode ser rápido. O maior potencial de pegadinha escondida é a ativação do Font Awesome. Font Awesome é uma fonte de ícones e adiciona mais de 500 milissegundos globalmente (arrastar sites). Neste caso, 2 chamadas HTTP de cerca de 250 milissegundos cada. Isso é um crime de velocidade mais horrível de preguiça e apatia. porém opcional!
Instale um novo plugin Elementor em um espaço de teste e você descobrirá que o Font Awesome não está carregado por padrão.
Utilize o primeiro ICONE (icon) solitário talvez em uma página ou um post, quem sabe em um widget – e pronto! a magica está feita, o site inteiro o recebe.
Risos, estou rindo porque chega a ser uma piada de mal gosto, pois se por um caso, já utilizamos a fonte no tema, ou seja ela já estiver ativa e carregada, o Font Awesome será carregado duas vezes.
Isso dobra o arrasto do site para 1 segundo. Existe um plug-in gratuito para garantir que isso não aconteça (uma correção). https://wordpress.org/plugins/better-font-awesome/
(Você seleciona uma opção para evitar a duplicação de Font Awesome). Mas nós tentamos e não funciona. Ele falha com o Elementor.
Veja o que Aprendemos até Agora
Se você ativar o Font Awesome (chamado enfileiramento) e depois dizer:
“Opa! Isso apenas adicionou uma grande parte do peso da página.
”Então, você remove o ícone da página. Não desquanta o código de ícone da fonte impressionante. Está à espreita no fundo – o peso da página oculta. A única maneira de se livrar dele é entrar no código (ou outro truque como o https://wordpress.org/plugins/asset-queue-manager/ plugin) ou desinstalar o plugin Elementor. Então vai embora. Além disso, se você reinstalar o plugin Elementor recentemente desinstalado, o peso invisível estará de volta. Arrastar o site global – todas as páginas e postagens. Então, quando ele é enfileirado, ele fica preso e salvo em um banco de dados em algum lugar. Atraso de atraso de meio segundo, pelo menos. Quando você tem um orçamento de desempenho de 1 a 2 segundos, isso é um assassino.
Mais sobre o Font Awesome e por que é ruim para a velocidade de dispositivos móveis (menos para computadores): a velocidade extrema para dispositivos móveis é nossa meta. Abaixo:
O peso da página é mais importante no celular. O peso consome recursos de conexão. O celular é uma fera diferente das conexões de área de trabalho. Desktop é tudo que você puder comer. Então, na maioria dos casos, uma diferença de 20k faz pouco impacto no tempo de carregamento. Exceto em um smartphone remoto.
Então isso acontece. E isso custa dinheiro extra para cada página. Por que 20k importa mesmo para otimização de desempenho móvel extremo? Não é um tamanho de arquivo insignificante?
Nosso peso de página típico para velocidades móveis está na faixa de 100k a 200k. A adição de 20k é de 10 a 20% de aumento. Isso não se traduz necessariamente em um aumento de 20% na redução de velocidade.
Mas, é revoltante para um freak velocidade considerar uma adição a cada página de um site (arrastar site). Claro, existem piores plugins. O 20k vem de solicitações HTTP para arquivos CSS e Javascript.
Pode ser pior com mais recursos adicionados – mas só testamos o melhor cenário possível. Mais sobre a velocidade do Elementor abaixo.
O Elementor atrasa muito pouco o tempo de carregamento da página em um site de desktop comum. A expectativa do visualizador é um tempo de carregamento de 2 segundos.
Uma velocidade média de página de área de trabalho (8 segundos) é inaceitável para dispositivos móveis – ou para qualquer pessoa. O peso médio da página (2,3M a 3M) é especialmente inaceitável para usuários móveis. Por quê? Porque os espectadores móveis esperam que as páginas sejam carregadas com a mesma velocidade de um desktop. Menos de 2 segundos! Isso exige a criação de uma página de 1 segundo para o celular para atingir um tempo de carregamento de 2 segundos.
Estamos falando sobre a criação de uma velocidade de página de 1 segundo em hospedagem compartilhada que normalmente tem um TTFB (tempo-a-primeiro-byte) de 500 milissegundos. Essa é a sobrecarga do servidor ou o atraso do servidor antes que a página comece a renderizar na tela. Você não pode remover ou alterar isso. Você só pode mudar para um host melhor (mais caro). Se nosso orçamento de desempenho for de 1 segundo, agora temos apenas 500 milissegundos para carregar todos os recursos da página. Cerca de metade do peso é geralmente imagens. A outra metade do núcleo WordPress, tema, plugins e conteúdo escrito. Mais uma vez, dizemos típico. Existem muitos truques como não usar imagens. Ou removendo webfonts. Etc.
Então, adicionar 20k a cada página é ruim para a velocidade do celular? Sob estas condições? Claro.
OFFSITE LINK: https://wpjohnny.com/why-i-hate-pagebuilders-wordpress-review/
O plugin Elementor adiciona nativamente 41 milissegundos a cada carregamento de página. Um plugin típico só adiciona 1 ou 2 milissegundos. Um plugin ruim adiciona 250 milissegundos ou mais. Está escondido no HMTL (PHP), não é Javascript. Isso é ruim? Depende de quanto você precisa para espremer seu site. Obviamente, zero milissegundos seria melhor. É pior que o Elementor tenha adicionado o Font Awesome. Font Awesome – e webfonts de ícones – são modas e ruins para dispositivos móveis. Algum dia eles serão substituídos por soluções mais rápidas. Uma solução melhor é deixar o Font Awesome fora do pacote Elementor, mas isso não é uma opção atualmente. Deixe que este “não recurso” seja adicionado com um plug-in separado – se o proprietário do site quiser ou precisar dele.
Mensagens criadas com o Elementor podem ter 400k de sobrecarga de peso de página dos scripts.
Quanta diferença o Elementor faz na velocidade e no peso da página é uma daquelas respostas “depende”.
Em geral, a partir de testes, não adiciona mais do que 40 a 75 milissegundos ao tempo de carregamento da página global. Usando o plugin premium dobra o peso.
Elementor adiciona arrastar do site. Além disso, enfileira Javascript. Isso não é uma boa notícia para celular. Elementor nega alguns benefícios de velocidade de temas rápidos como GeneratePress ou Twenty-seventeen default. Naturalmente, a maioria dos desenvolvedores não está ciente ou apática a esses problemas.
Agora, com isso dito, o Elementor só é ativado em páginas que exigem sua personalização. Isso é elegância em nome da velocidade. Por exemplo, duvidamos que as páginas do blog precisem de alguma personalização.
Se Elementor não for usado em uma página, o plug-in não será ativado. E o jQuery não está enfileirado também. Esta é uma boa notícia milagrosa. Isso significa usar Elementor somente quando necessário, não em todas as páginas. Plugins como o Contact Form 7 ativam o jQuery em todos os lugares. Essa é a norma feia. Elementor é inteligente. Além disso, você pode usar o criador de formulários do Elementor em vez do Formulário de contato 7.
Quando Font Awesome é carregado por um tema WordPress e novamente por Elementor, você recebe uma carga dupla. Você não pode desativá-lo com o plug-in do Better Font Awesome (como esperávamos). Isso pode não afetar muito a velocidade da área de trabalho – apenas o peso da página. O peso é ruim para dispositivos móveis porque a largura de banda é mais cara. Seria cerca de 150k no pior caso de peso extra. Isso é ruim quando sua home page é apenas 100k. Adicionar outros 150k não é aceitável pelos nossos padrões.
Não testamos com texto ou conteúdo de imagem que não seja um único ícone. (Observe que depois fizemos alguns testes com o carregamento lento de vídeo no Elementor.) Portanto, nosso teste é fraco e meio cozido. Só revela as piores coisas que caçamos. Se você nunca selecionar nenhum ícone, o recurso Fonte impressionante não será enfileirado. Você está seguro. Não estamos testando o Elementor mais detalhadamente neste momento. Não recomendamos os criadores de páginas em geral – mesmo os bons. Por quê? Porque os proprietários de sites abusam deles com facilidade e criam páginas pesadas. Eles não podem superar a tentação de embelezar. Acreditamos que os criadores de páginas incentivam o comportamento negativo da experiência do usuário. É um exagero de design expressivo. É como entregar uma garrafa de veneno para uma criança. Eles não podem resistir – o dono do site o bebe. Assim, o crânio e ossos cruzados na classificação.
Parece que o Elementor adiciona 4 ou mais solicitações HTTP. Menor. A desvantagem de usar o Elementor é pequena para sites de desktop – além da curva de aprendizado.
Nós vemos os construtores de páginas como um substituto. Só porque a melhor versão do WordPress será construída no futuro.
Boa ligação externa: https://pippinsplugins.com/wordpress-page-builder-plugins-critical-review/
O WordPress continua incorporando recursos que tornam categorias inteiras de plugins obsoletos em um único dia. Esta tendência continuará. A Automattic observa o que está surgindo no diretório do plug-in. Eles não são idiotas. Não concordamos com essa estratégia de negócios competitiva. Mas o peixe grande vai fingir inovação, continuando a comer o peixinho – seja por aquisição ou engenharia reversa.
O único prejuízo ao uso do Elementor é o arrastamento de site de 40 milissegundos adicionado a todas as páginas do seu site. E colocar em fila o jQuery por acidente pode anular ganhos em temas rápidos construídos especificamente para uso móvel. Isso é baixo em comparação com o inchaço de milissegundos do Yoast SEO Pro 240 – e o Contact Form 7 acrescenta até 50 milissegundos. Esses são plugins populares. Popular geralmente significa pesado e lento. Um plugin “legal” é carregado em 1 milissegundo. O Elementor está se tornando um plugin popular? Sim. Para nós, isso é um mau sinal. Sim, um plug-in pode ser popular e ainda ter uma taxa de retenção ruim. Isso também é típico de plugins de cache populares. Teste e lance.
Para otimização de desempenho de dispositivos móveis extrema, removemos todo o possível para reduzir o arrasto do site.
O catch-22 com Elementor está usando o ícone Font Awesome em qualquer lugar do site. Um único ícone! Acrescenta 75k globalmente ao site. E se o seu tema estiver carregando o Font Awesome, você também terá um site de carregamento duplo arrastando 150k. Isso atrasa seu site? Depende.
Para nós, adicionar 150k é impensável.
Agora, para Boas Notícias:
O bugadoo Font Awesome é uma armadilha escondida. Mas o plugin Elementor usa ativação seletiva. Em outras palavras, se uma página não for criada com o Elementor, o plug-in não será carregado. (Mas o tipo de letra é incrível! O quê?) Isso não é típico, geralmente os plug-ins são carregados globalmente em todas as páginas e postam se eles são necessários ou não. Isso nós chamamos de “arrastar o site”.
Assim, o objetivo é usar apenas o Elementor nas páginas em que é absolutamente necessário para personalização. Isso reduzirá o número de solicitações HTTP (chamadas) significativamente. Por exemplo, geralmente as páginas do blog não exigem personalização, mas uma página inicial pode usar muita personalização.
Elementor joga legal por causa da ativação seletiva.
Nós nunca queremos investir na curva de aprendizado do Elementor – ou qualquer outro tema de construtor de páginas ou construtor. Nós os vemos como vulneráveis. Não tem nada a ver com velocidade.
A dissolução de 1.000.000 de sites Elementor é um dano colateral para o WordPress.
Por que o WordPress incorreria nesse risco ruim e ofensivo?
A fraqueza do construtor de páginas não está relacionada à velocidade.
Mesmo se o plugin Elementor dobra o peso da página do tema. Isso importa? Não por que? Porque plugins pesados, como o WooCommerce, potencializam pequenos ganhos com as alternativas do Elementor.
Regra 80/20. Princípio de Pareto.
Nós avaliamos o que custa em tempo e dinheiro para nos livrarmos do Elementor em um site. Não vale a pena. Elementor é um crescimento * benigno *. Nenhuma cirurgia de plug-in de velocidade é necessária. Outros problemas de velocidade são muito maiores e mais tóxicos. Elementor é insignificante e nem vale a pena coçar como uma coceira de velocidade. Não nos causa dor alguma ignorá-lo.
Bagunça Seria Essa.
Recomendamos o Elementor a um proprietário de site na Alemanha.
Ele teve tempos de carregamento de 5 segundos. Ele realmente fez a difícil mudança do tema Divi para a combinação GeneratePress + Elementor.
Seu tempo de carregamento foi de cerca de 1 segundo para Londres usando o mesmo host. Agradável!
Recomendamos o criador de páginas Elementor, mas não construiríamos com nenhum criador de páginas. Esse cara na Alemanha não conseguiu codificar nenhuma personalização. Ele precisava de um construtor de páginas. Nossa recomendação foi Elementor. Nós não odiamos o Elementor.
“Eu contratei vários especialistas em velocidade do WordPress antes. Todos falharam em alcançar resultados decentes. Steve é um especialista em seu campo. Seu conselho me ajudou a entender o que estava atrasando meu site e consertá-lo permanentemente. Meu site costumava levar de 5 a 7 segundos para carregar – e depois que Steve trabalhou sua mágica – agora carrega em menos de 1 segundo. Obrigado! ” Londres, Inglaterra
Outro ponto importante é: a lenta liberação das fases de Gutenberg retarda a adoção do construtor de páginas.
Nossa especulação não é o desaparecimento de apenas Elementor. É o futuro desaparecimento de quaisquer sósias, copycats ou mesmo simuladores do WordPress Gutenberg. Gutenberg não é igual a Elementor hoje. Mas será no futuro – esse é o objetivo expresso do WordPress. Não terminando Elementor, eles são pequenas batatas. Mas nuking WIX, Shopify e SquareSpace.
Esta é a resposta para o motivo pelo qual o WordPress irá gravar o Elementor: MARKET DOMINATION. Eles querem mais. Eles querem pegar de volta o pedaço de torta que o WIX, o Shopify e o SquareSpace tiraram deles.
Essa estratégia narcisista prejudica todos os plug-ins e temas do construtor de páginas. Vítimas.
As pessoas descobrirão se Gutenberg trabalha ou não. Então, todos nós veremos quais alterações no panorama real do WordPress ocorrem. Isso não vai acontecer até que Gutenberg seja finalmente libertado depois de algumas fases. Encare isso, é um grande empreendimento. Pode demorar mais alguns anos. Mordaça!
A competição de Gutenberg será uma desculpa de spin-doctor para abandonar os produtos perdedores sem fins lucrativos. Tema Divi, por favor!
As pessoas discutem semântica sobre o que é um * verdadeiro * construtor de páginas. Como BeaverBuilder ou Elementor ou Divi. Eles pensam erroneamente que os dois universos de Gutenberg e os construtores de páginas estão separados. Mal relacionado a todos. Isso não seria delicado?
Construtores de páginas são ruins porque os seres humanos não conseguem se controlar e são seduzidos a adicionar demais. Isso é ruim para velocidade. Isso não é culpa da Elementor. É o resultado da fragilidade humana.
Página do Plugin do Gutenberg:
“Gutenberg tem três etapas planejadas. O primeiro, destinado à inclusão no WordPress 5.0, concentra-se na experiência de pós-edição e na implementação de blocos. Esta fase inicial se concentra em uma abordagem de conteúdo em primeiro lugar. …
Esses elementos fundamentais abrirão o caminho para os estágios dois e três, planejados para o próximo ano, para irem além do post para modelos de página e, finalmente, para a personalização completa do site ”.
Sucção integral da mama? Eles significam um assassino de construtor de páginas? Sim.
Não há benefício de SEO comprovado ou verificado do uso do Elementor.
Não há nem um sussurro que seja bom para SEO. Se assim for, é um mito ou truque.
A afirmação vaporosa é Elementor produz “conteúdo mais limpo” – e os motores de busca vão gostar disso. Mesmo? Então, não precisamos mais escrever conteúdo? Reivindicar “Conteúdo mais limpo” é insignificante. Uma pulga na parte de trás de um elefante.
“Em SEO, os fanáticos criam sites otimizados, acabam com um design feio e gastam todo o tempo otimizando e codificando em vez de criar conteúdo e fazer marketing.” – Brian Jackson REFERÊNCIA: https://woorkup.com / elementor-page-builder /
O SEO é mais afetado pelo conteúdo relevante – não por truques de SEO tolos. Se o conteúdo do site for uma falha (indesejada ou desnecessária), nenhuma quantidade de ajustes de SEO salvará um site. Sempre.
E especialmente não Elementor. Reivindicação ridícula.
Pela própria admissão do Google – o núcleo do WordPress faz 90% do trabalho pesado para a conformidade com SEO. Não há necessidade de um especialista em SEO. Importantes fatores de classificação de SEO estão além do controle dos proprietários de sites – e da Elementor. Exceto produzir bom conteúdo relevante. Os proprietários podem fazer isso. Ajustar palavras-chave e snippets só coloca você em problemas.
Conteúdo é a experiência do usuário. Boa experiência do usuário gera um bom SEO. Visitas de retorno, taxa de rejeição reduzida, mais clickthru, maior tempo de permanência. A velocidade é o principal obstáculo à boa experiência do usuário e à primeira impressão.
Qualquer um que inista em Elementor é uma ferramenta de SEO superior é um valentão.
Se um cliente insiste em escolhas de ferramentas, você não é mais um subcontratado freelancer. Agora você é um EMPREGADO. Isso altera a responsabilidade fiscal do pagador.
Estamos usando o Elementor em alguns sites porque queremos testá-lo. É uma experiência. Curiosidade insana. Mas Elementor está se mostrando frustrante. Quanto mais aprendemos e trabalhamos com isso, mais o encontramos no caminho. Estamos começando a não gostar do Elementor quando ele enterra três camadas de personalização simples. Isso dificulta a verificação de alterações. Repetir etapas repetidamente para obter resultados é improdutivo. Nós não temos tempo para mexer com esse absurdo.
O objetivo é eficiência. O Elementor NÃO melhora a eficiência do design. É melhor comprar uma segunda tela de computador usada para arrastar e soltar arquivos de mídia. O Elementor é uma barreira e um fator limitante para a flexibilidade criativa. O não pensado acha que Elementor cria designers de graça. Errado! São algemas para os inteligentes.
Não deixe a insistência do cliente enfiar Elementor na sua garganta. Aprenda se você quiser. Mas nossa experiência é que o Elementor é desnecessário e retarda os sites – e o tempo de desenvolvimento. É uma muleta para os preguiçosos.
Qualquer ferramenta que afirme fazer “qualquer coisa e tudo” deve ser instantaneamente suspeita.
Apenas como reivindicações e promessas de SEO. Benefícios não comprovados teóricos.
A IT9 Marketing desencoraja o uso de ELEMENTOR, e você gosta? deixe seus comentários abaixo:
