Plugins enxutos e leves para WordPress

Na Isotropic, adoramos equilibrar velocidade e funcionalidade quando se trata de criar sites WordPress. Neste artigo, queríamos detalhar os plugins que usamos no passado, que são conhecidos por serem enxutos e leves.

Ao adicionar a menor quantidade de código ao front-end do site, você pode garantir que ele carregue rapidamente para os visitantes (uma experiência melhor e algo que o Google valoriza ao classificar). Esta lista foi selecionada por nossos desenvolvedores e agência ao longo de anos de construção de sites WordPress.

Por tentativa e erro, encontramos vários plugins incrivelmente bem projetados que adicionam funcionalidade, mas têm um impacto mínimo na velocidade de um site devido ao seu design enxuto.

Vamos tentar atingir todos os aspectos de um site WordPress, mas se você tiver um plugin leve que gostaria de adicionar a esta lista, sinta-se à vontade para nos informar na seção de comentários.

Cada plugin nesta lista vem com uma rápida descrição de por que o usamos no passado, se o estamos usando atualmente e alguns prós e contras. Dito isso, vamos direto ao assunto. E sinta-se à vontade para usar o índice à esquerda para navegar entre as categorias.

Construtores de páginas

Oxygen é um construtor de sites para WordPress. Quando comparada aos principais construtores de páginas, essa ferramenta é a mais leve do mercado em termos de recursos de front-end carregados. Também é um dos melhores para agências, incrivelmente flexível e criado para agências e desenvolvedores. Agora o usamos para a maioria dos nossos sites WordPress e adoramos. Definitivamente, há um pouco de curva de aprendizado para usuários menos experientes, mas os profissionais que acompanham a ferramenta valem a pena.

Um grande ponto de venda é o código limpo que ele produz. Quando comparado a outros construtores de páginas, especificamente o Elementor, muitos usuários estão mudando por causa disso.

Relacionado: https://isotropic.co/elementor-vs-oxygen/

CSSHero não é um construtor de páginas típico. Em vez disso, permite modificar temas existentes e funciona em conjunto com um construtor como o Oxygen. Esta é basicamente uma interface gráfica de usuário ou tudo o que o CSS tem a oferecer. Você pode apontar e clicar em vários elementos que compõem um site, como DIVs, texto e seções, e depois aplicar CSS facilmente a eles.

A ferramenta não altera os arquivos do tema de forma alguma. Em vez disso, ele cria sua própria folha de estilo que fica em cima dos arquivos pré-existentes. Você também pode exportar seu trabalho como dados CSS, LESS, JSON.

Quando se trata de velocidade, os desenvolvedores deste CSSHero dizem melhor: “Do ponto de vista técnico, o CSS Hero apenas gera e habilita uma única folha de estilo CSS extra estática que substitui a folha de estilo original do seu tema”.

Relacionado: https://isotropic.co/csshero-and-elementor-powerful-custom-css/

Isenção de responsabilidade: usamos o Beaver no passado, mas agora tendemos a optar pelo Oxygen porque temos um ótimo fluxo de trabalho com ele. A razão pela qual ele aparece nesta lista é o simples fato de que ele produz um código incrivelmente limpo, assim como o Oxygen.

De acordo com os testes do SupaMike, o Oxygen carrega 33KBs, enquanto o Beaver Builder carrega 38KBs de ativos frontend.

É um construtor de páginas muito bem projetado no back-end, e conhecemos muitos criadores de sites profissionais que adoram.

Pop-ups

Boxzilla é um plugin que permite adicionar caixas pop-up ou slide-in ao seu site WordPress. É um dos plugins pop-up mais limpos e simples do mercado, especialmente quando você o compara a algo como Green Popups, que carrega uma tonelada de código de front-end (super exagero se você quiser apenas um pop-up básico).

Apenas 6 kB de JavaScript são adicionados ao seu site.

Também é super flexível e expansível. Você pode adicionar qualquer conteúdo que queira exibir, como códigos curtos, iFrames e muito mais. As caixas podem ser exibidas em determinados eventos, incluindo intenção de saída (embora seja um complemento premium.

Formulários

O Piotnet Forms é super bem feito e um relativamente novato no setor de plugins de formulário. Uma alternativa muito poderosa para soluções de formulário herdadas (você tem acesso a campos de repetidor, processamento de pagamentos e muito mais) e incorpore no Elementor como construtor. Surpreendentemente, eles carregam apenas 11,8 KBs no frontend do seu site.

Leia nossa análise: https://isotropic.co/piotnet-forms-review-better-than-legacy-competitors/

Sinto a obrigação de incluir o Formulário de Contato 7 nesta lista. Não é apenas um dos plugins mais populares, também é super simples, mas expansível. Ele chega a 15,65 KBs de ativos de front-end (de acordo com o Google Sheet).

Algo ainda menos inchado do que o Contact Form 7, o Lightweight Contact Form não possui folha de estilo CSS, arquivos extras e sobrecarga. É apenas um arquivo, mas se integra ao recaptcha versão 3 do Google, bem como à validação do lado do cliente JavaScript e do lado do servidor PHP.

Motor de Otimização de Busca

Slim SEO é apenas isso - Slim. Aqui está a proposta de venda* (bem, eles são gratuitos):

"Atualmente existem muitos plugins de SEO para WordPress no mercado. Mas esses plugins geralmente têm muitas opções e são muito complicados para usuários comuns. Ao acessar a seção de configuração deles, você facilmente se perderá em um labirinto de explicações e opções que você às vezes não entendo. Além disso, há anúncios!"

Todo o plug -in tem apenas 40 KBs e abrange Meta Tags, Redirecionamento, OG, imagens, esquema, sitemaps, código de rodapé de cabeçalho, feeds RSS e muito mais.

Compartilhamento Social

Um recém-chegado ao pacote lotado de plugins de compartilhamento social, o Novashare é comercializado como uma alternativa leve. Tivemos a chance de usá-lo em vários sites de conteúdo e podemos confirmar definitivamente que esta é a solução mais enxuta, porém com mais recursos, disponível no mercado. Ele vem com contagens de compartilhamento, mais de 10 redes... mas talvez o recurso mais impressionante seja o fato de carregar menos de 5 KB de ativos de front-end.

Isso é. Selvagem.

Compartilhamento social sem script

Precisa de um plugin de compartilhamento social simples e gratuito? Scriptless é sua melhor aposta (ou um trecho de código) - Não há Javascript, apenas botões simples de compartilhamento social SVG. Escolha onde eles serão inseridos, como serão exibidos e quais redes serão exibidas - e pronto!

GDPR / Privacidade

Controles deslizantes

Praticamente todos os plugins de slider estão incrivelmente inchados (tosse tosse Rev Slider). Em vez disso, recomendamos o uso de uma biblioteca fácil chamada Slick (existem várias outras soluções, como o Flickity).

Backups

Como estamos incluindo todas as categorias de plugins que seriam necessários em um site de produção, o Updraft encontrou seu caminho neste artigo. No entanto, os plugins de backup realmente não afetam a velocidade de carregamento do front-end de um site, e o updraft Pro é a melhor solução que encontramos.

Se você está realmente procurando uma solução leve quando se trata de backups, use a hospedagem Cloudways que vem com backups automáticos?.

Você também pode facilmente despejar um banco de dados com WPCLI [wp db export] e, em seguida, arquivar arquivos como [tar -vczf yourbackupfilename.gz .].

Segurança

Plugins de segurança como o WordFence desaceleram a fonte do seu site, mas são definitivamente um mal necessário (a menos que você esteja pagando por um plano de negócios da Cloudflare e tenha uma hospedagem super segura).

Em vez de listar essas ferramentas, queríamos destacar o Simple History, que mostra as alterações recentes feitas no WordPress, diretamente no seu painel ou em uma página separada.

É simples, mas super útil ao auditar alterações em um site. No caso de um hack ou ataque deliberado, você pode ver facilmente o que deu errado e o que foi alterado. Ele também rastreia logins de usuários com falha e solicitações de exclusão de dados do usuário. Há também uma tonelada de suporte para outros plugins populares.

Otimização de performance

(Nossa seção favorita, você não poderia dizer?)

Uma solução de desempenho gratuita, simples e rápida. O plug-in abrange CSS/JS, banco de dados e otimização de imagem, bem como armazenamento em cache. A versão pro tem ainda mais, como um organizador de plugins (pense no recurso principal do Asset Cleanup).

Swift é o equilíbrio perfeito entre resultados e facilidade de uso. É uma instalação de um clique, que otimiza automaticamente seu site WordPress para velocidade.

Obviamente, se você está procurando algo mais volumoso (mais controle), você pode querer dar uma olhada no W3 Cache ou WPRocket. Mas, para uma solução simples, Swift é a nossa escolha.

O conjunto de plug-ins Flying do WP Speed ​​Matters é uma coleção de ferramentas incrivelmente úteis que praticamente não consomem velocidade do disco (e definitivamente aceleram os tempos de carregamento do frontend - é para isso que eles foram projetados!).

O Flying Scripts só carrega scripts (identificados por palavras-chave) na interação do usuário. O Flying Images oferece acesso ilimitado a um CDN, carregamento lento, WebP e muito mais. O Flying Pages pré-carrega as páginas quando um usuário passa o mouse sobre um link, aumentando a velocidade percebida. Na minha opinião, esses plugins são os mais subestimados do repositório.

Aumenta a velocidade do seu site reduzindo solicitações HTTP , desabilitando plugins, removendo código e otimizando seu banco de dados. Todo o plugin tem 50kb e não carrega JavaScript no front-end do seu site. É ótimo para aquele empurrão final quando se trata de velocidade.

Limpa o banco de dados, o que normalmente resulta em uma experiência de back- end mais rápida.

Gerenciamento de scripts

O que é melhor do que um plugin enxuto e leve? Um trecho de código super simples que pode substituí-lo. Essas duas ferramentas são os plug-ins de gerenciamento de script líderes do setor (com ela, você pode substituir dezenas de plug-ins, acelerando seu site).

Code Snippets é uma maneira fácil, limpa e simples de executar trechos de código PHP em seu site. Isso elimina a necessidade de adicionar trechos personalizados ao arquivo functions.php do seu tema. Remova o plugin, todos os Snippets também são removidos (o que realmente gostamos). Funciona perfeitamente com o Oxygen Builder.

Lançado em setembro, Advanced Scripts é Code Snippets em esteróides (pense que o plugin se fundiu com o VS Code).

Torna mais fácil escrever e incorporar PHP, CSS e Javascript. Você também pode escrever código SCSS e LESS, usar ganchos personalizados e adicionar rapidamente ativos servidos por CDN.

Recentemente, começamos a adicionar Scripts Avançados à maioria dos nossos sites WordPress - é simplesmente um prazer usá-lo.

Outros utilitários

Um plugin super simples, mas incrivelmente útil que faz o que seu nome indica: Localiza e substitui strings em tempo real (após a página ser gerada, mas antes de ser enviada ao navegador do visitante). Normalmente usamos isso para substituir palavras com letras maiúsculas: Ex. WordPress para WordPress.

Uma maneira simples e leve de criar zonas de anúncios e inseri-las em seu site WordPress.

Se você está procurando uma maneira rápida e fácil de migrar postagens, este plugin super pequeno permite exportá-los em formato zip e depois importá-los novamente para uma nova instalação.

Se você administra uma loja WooCommerce, o Booster tornará sua vida muito mais fácil e terá um impacto mínimo no frontend, pois é essencialmente uma coleção de trechos de código com uma GUI de ativação/desativação. São mais de 100 centenas de módulos, que só se aplicam (código mínimo) ao frontend quando alternado.