5 maneiras infalíveis de acelerar seu site WordPress

Escolha qualquer perspectiva para observar a métrica de velocidade de carregamento do site e seu significado: profissional de marketing, proprietário do site, desenvolvedor, assistente de SEO, até mesmo e especialmente o usuário. A métrica de velocidade ainda aparecerá na parte superior. Procure as melhores práticas de desenvolvimento web em tantas fontes quanto você puder encontrar, e você verá ' reduzindo o tempo de carregamento da página' em algum lugar dentro de cada lista.

Nós nem gostamos de esperar na fila do caixa do Walmart, como você acha que nos sentiríamos sobre um aglomerado intangível de dados em uma era de excessos devassos ?

É, portanto, imperativo criar sites que carreguem mais rápido (o TTFB deve ser inferior a 2 segundos). Para uma melhor experiência, para uma conversão mais alta, para as principais classificações de pesquisa!

Então, o que pode ser feito para tornar os sites WordPress mais rápidos? Muito, ao que parece, especialmente nestas 5 áreas:

1. Servidor

É aqui que residem os dados do seu site. Se um servidor se mantiver como uma cozinha de sopa ou becos de Gotham, nenhuma quantidade de otimização de desempenho ajudará você a acelerar seu site.

Portanto, antes de entrar em um provedor de hospedagem, observe:

• Manutenção, backups e segurança (por motivos óbvios)
• Escalabilidade: como os diferentes planos pesam em termos de visitantes, transferência de dados, largura de banda, espaço de armazenamento etc. e como você será ampliado quando exceder alguns dos limites.
• Depoimentos de clientes e fóruns de suporte (Eles podem revelar muito sobre o histórico de serviços de uma empresa)

Aqui estão mais coisas que você pode analisar:

Ø Hospedagem de vídeo de ^terceiros

A hospedagem de vídeo externa ou de ^terceiros é uma excelente solução para quem usa o espaço do servidor e a largura de banda de forma criteriosa.

É exatamente o que diz na lata. (Somente) Os arquivos de vídeo são hospedados em um ^servidor de terceiros, como Youtube, Vimeo, etc., que você pode vincular ao seu site (sem chamar um desenvolvedor para mexer na API). Alguns deles também vêm com ferramentas de edição de vídeo e a maioria oferece suporte.

Apenas certifique-se de verificar os direitos sobre os arquivos de vídeo (Política de Privacidade) antes de se inscrever neste serviço.

Ø Prevenindo Hotlinks de Imagem

Image Hotlinking é um mal subestimado.

É o mesmo que roubar, e o pior é que os criminosos muitas vezes desconhecem a gravidade de suas ações. Eles estão simplesmente copiando sua imagem (no teclado) e colando-a diretamente em seu editor de rich text. Portanto, a imagem que aparece em seu conteúdo ainda está armazenada em seu servidor. Portanto, qualquer pessoa que encontrar a imagem em seu site ainda estará solicitando que seu servidor carregue a imagem. Isso consome sua largura de banda.

E você não receberá uma nota de agradecimento.

Há tanta coisa que seu altruísmo ingênuo deve tolerar. Na internet, você protege seu conteúdo ou é penalizado. Coloque este código no seu arquivo .htaccess:

RewriteEngine ligado

RewriteCond %{REQUEST_FILENAME} -f

RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?mywebsite\.com [NC]

RewriteCond %{REQUEST_URI} !^/images/stopstealing\.jpg$ [NC]

RewriteRule \.(jpg|jpeg|png)$ http://mywebsite.com/images/stopstealing.jpg [NC,R,L]

Além disso: Observe que algumas redes de entrega de conteúdo (CDNs) têm um recurso interno de prevenção de hotlink.

2. Cache

Plugins de cache como o W3 Total Cache são uma das melhores coisas que o WordPress tem a oferecer para otimização da velocidade da página ( todo mundo adora). A alternativa (para usuários menos avançados) é o WP Super Cache.

A ideia é criar cópias (caches) de páginas, objetos e bancos de dados; minify scripts e integre um site WordPress mais facilmente com uma rede de entrega de conteúdo (CDN).

Você também pode contratar desenvolvedores do WordPress para aproveitar ao máximo a otimização de desempenho do lado do servidor com soluções de cache de banco de dados como Redis e Memcached.

Ø O Módulo de Expiração

Este módulo do Apache define a vida útil do cache para os formatos de arquivo que você especificar.

Aqui está uma maneira simplificada de usá-lo: o <ifmodule>. Ele vai (no arquivo .htaccess) assim:

<ifmodule mod_expires.c>

<Filesmatch “\.(jpg|png|gif|js|css|mp3|pdf)$”>

ExpiraAtivo em

ExpiraDefault “acesso mais 1 semana”

</Filesmatch>

</ifmodule>

O trecho de código acima definirá os arquivos de cache de cada arquivo jpg/png/gif/JavaScript/CSS/mp3/ e PDF para expirar após 1 semana, quando um novo cache será criado. Este módulo é perfeito para uso em sites de mídia avançada que atualizam seu conteúdo regularmente.

3. Front-end

Aproximadamente 80% dos problemas de desempenho serão resolvidos com 20% de esforço na otimização da velocidade do front-end. É a lei de Pareto do desenvolvimento web.

Otimizar o front-end para velocidade não é apenas tecnicamente favorável. Quanto mais cedo algo acontecer na tela do seu usuário, melhor ele se sentirá esperando. Você deve dar a impressão de desempenho também.

Para ajudar com isso, aqui estão alguns métodos que você pode empregar:

• Imagens : Comprima como um maníaco. Quanto menor o tamanho da imagem/mídia, melhor. Use o EWWW Image Optimizer ou WP Smush.it para compactação sem perda de qualidade. Em seguida, há um filtro de carregamento lento para carregamento condicional de imagens se a área da página que contém essas imagens estiver atualmente visível na janela de visualização do usuário. Use Lazy Load XT para isso.

• Diminuir as solicitações HTTP significa menos viagens de ida e volta, melhorando assim os tempos de carregamento. Faça imagens 'pattern' em um único sprite com Sprite Pad.

• Reduza as folhas de estilo JavaScript e CSS: rtl.css, style.css e quaisquer outras personalizadas que você adicionou. Tente não usar muitas dependências.

4. Banco de dados

Assim como a ferramenta de desfragmentação de disco do Windows, a otimização de banco de dados pode limpar seu back-end e liberar espaço para informações importantes, melhorando os tempos de consulta e o desempenho.

Revisões de postagens redundantes, comentários antigos não aprovados, metadados duplicados e outros são as teias de aranha e os coelhinhos da poeira. Limpe-os com ferramentas como WP Sweep, WP-DB Manager, etc.

5. Atualizações

Ao acompanhar as discussões no Make.WordPress.org para se manter atualizado com as novidades e desenvolvimentos recentes relacionados à plataforma (é um bom hábito para todos, desenvolvedores e usuários em geral), você notará um padrão: o foco é sempre sobre facilidade de uso, desempenho e segurança... nessa ordem.

O WordPress atualiza automaticamente em caso de lançamentos menores (por questões de segurança e pequenas correções de bugs), a menos que você tenha a configuração configurada. Isso não é bom, a menos que você realmente atualize para a versão mais recente em primeiro lugar.

Para reduzir a ansiedade, siga este padrão útil para atualização:

• Temas primeiro: Certifique-se de que você tenha um tema filho (que salvará quaisquer pequenas alterações que você possa ter feito na aparência). A atualização será aplicada ao tema pai e, dessa forma, você reduz significativamente as chances de estragar algo além do reparo.

• Plugins a seguir: Enfrente-os um por um. Eu sei que é tedioso, mas você estará mais preparado e informado quando uma atualização causar problemas de compatibilidade. Nota: É também por isso que 'menos é mais' quando se trata de plugins .

• Protocolo WSOD: Não corra como uma galinha sem cabeça caso você fique cara a cara com a Tela Branca da Morte. Há muita ajuda disponível na internet.

Nota final

Execute segurança e manutenção regulares para manter seu site na melhor forma.

Lembre-se de que a otimização da velocidade é um esforço contínuo. Fique atento aos mais recentes desenvolvimentos e melhores práticas.

Biografia do autor: Lucy Barret é desenvolvedora sênior de WordPress para uma empresa de desenvolvimento de WordPress, HireWPGeeks Ltd. Ela lida com uma equipe de desenvolvedores que são especialistas em converter HTML para tema WordPress. Ela também é blogueira e adora compartilhar seu conhecimento com a grande comunidade do WordPress.