Antes de montar este post, tive que verificar novamente o tempo de carregamento da página do meu blog. Bem, eu amo um pouco de velocidade e se minhas páginas não estão tendo o desempenho ideal, eu provavelmente vou para a cama um homem preocupado. E sou um homem preocupado porque acabei de marcar 73/100 no Pingdom . Parece que tenho algum trabalho a fazer, mas chega de mim, você deve se preocupar se tiver um site lento porque:
- Fatores do Google na velocidade da página ao classificar seu site
- Um site lento vai matar seu fluxo de receita
Ninguém ama um site lento e isso é um fato. Estou disposto a apostar que um site lento não é uma das suas coisas favoritas. Sites lentos podem deixá-lo louco se você for paciente o suficiente para ficar por aqui. Dito isso, como você pode diminuir o tempo de carregamento da página do seu site WordPress para oferecer uma experiência mais rápida e rica aos visitantes da web?
No post de hoje, vamos revelar mais de dez (10) truques que você pode usar para deixar seu site WordPress mais rápido. Pegue e corra com alguns desses pontos e você ficará bem.
Escolha a melhor hospedagem WordPress
Existem vários fatores que você deve considerar ao escolher a melhor hospedagem WordPress . Se você acidentalmente escolher um host abaixo do padrão (ou mesmo um plano de hospedagem compartilhado sobrecarregado), isso significa apenas uma coisa: você terá que aturar um site lento enquanto permanecer com esse host específico.
Embora um plano de hospedagem compartilhada barato possa ser bom ao iniciar (ou ao testar as águas), você precisará de um host WordPress gerenciado, como o WPEngine , para obter o melhor desempenho.
Mas e o meu plano de hospedagem de servidor dedicado ou VPS (Virtual Private Server)?
Bem, nenhum plano de hospedagem pode competir com a hospedagem gerenciada do WordPress . O WPcurve.com observou um aumento de velocidade de 54% no dia em que mudou para o WPEngine. Você já reparou como nosso site carrega rápido? Isso porque também usamos o WPEngine!
Como você pode saber se o seu servidor está no centro dos problemas de velocidade da sua página? Se você verificar seu domínio usando o Google PageSpeed
Excluir plugins do WordPress que você não usa
Para obter grandes ganhos no que diz respeito ao aumento da velocidade da página, você deve ter cuidado ao instalar plugins. Existem dois princípios a serem seguidos no que diz respeito aos plugins do WordPress:
- Não ative plugins que você não precisa
- Tenha cuidado com o que você instala porque alguns plugins são muito problemáticos
Se você fizer um balanço de todos os plugins em seu site WordPress, perceberá que pode não precisar de todos eles. Por exemplo, se você tiver o WordPress SEO by Yoast, não precisará de um plug-in de mapa do site XML. Outro exemplo: o Akismet é um ótimo plugin anti-spam, mas você não precisa dele se o seu plugin de comentários (como o Disqus) tiver um sistema de filtragem de spam impressionante. Você está seguindo?
Além disso, você não precisa de um plugin para verificar se há links quebrados no seu site WordPress, você pode fazer isso facilmente online usando o W3C Link Checker . Limpe seus plugins do WordPress e desinstale plugins que você raramente ou nunca usa. Plugins como o WordPress Importer ou Ultimate Coming Soon não precisam deixar seu site mais lento. Desinstale esses plugins assim que eles cumprirem seu propósito.
É melhor se você (ou seu desenvolvedor do WordPress) puder integrar determinados recursos diretamente em seu site, para que você possa se livrar de plugins que podem tornar seu site mais lento. Se você não sabia, os plugins são notórios por injetar todo tipo de código CSS e JavaScript no topo de suas páginas. Isso pode afetar negativamente a velocidade de carregamento da sua página.
Importante : Não há NADA de errado em ter muitos plugins ativos em seu site, o problema é ter muitos plugins mal codificados, ou vários plugins que realizam a mesma tarefa ou muitos plugins que adicionam estresse ao servidor.
Reduza as solicitações HTTP para o seu servidor
Seu site requer mil arquivos para exibir essa primeira instância? Nesse caso, você está perdendo muitos segundos preciosos no tempo de carregamento da página. Elimine qualquer coisa que seja desnecessária para sua causa, mas se isso for desafiador, considere codificar seu tema novamente – só que desta vez certifique-se de colocar um limite no número de arquivos necessários para exibir seu site.
Cada arquivo (CSS, JavaScript, Imagens, etc) que você usa em seu site aumenta o tempo de carregamento da página. Escusado será dizer que para aumentar a velocidade da página, você deve usar o mínimo de arquivos possível. Se você não conseguir hackear isso em seu site, use poucos arquivos em suas páginas mais populares. Isso inclui sua página inicial e páginas de produtos.
Otimize suas imagens
Ainda sobre os arquivos e como eles influenciam no tempo de carregamento da página, suas imagens podem ter um grande impacto na velocidade da sua página. Como descobrimos no WordPress Plugins para otimizar o desempenho da imagem , “… um site com imagens não otimizadas é uma chatice completa e consumirá sua preciosa largura de banda, diminuirá a velocidade de quase tudo e arruinará a experiência do usuário (UX)”.
Antes de fazer o upload certifique-se de otimizar suas imagens para o WordPress , compactá-las ou salve os arquivos para a web. Se você não sabe como salvar arquivos para a web, a opção “Salvar para a Web” é um recurso comum na maioria dos programas de edição de imagens, como Photoshop e Gimp.
Outra coisa importante. Pare de usar imagens muito maiores do que você realmente precisa. Se você precisar de uma miniatura de 150 x 150, não carregue e reduza uma imagem de 300 x 300. Existem tantas ferramentas de imagem (e gratuitas) por aí que você não tem desculpa para não otimizar suas imagens. Não sabe onde procurar? Aqui estão alguns exemplos:
- Pix Resizer (Baixe em bluefive.pair.com)
- Otimizador de imagem
- Saiba mais sobre a otimização de imagens do WordPress e coloque as mãos em dez plugins gratuitos de otimização de imagens para o seu site WordPress.
Seus anúncios também importam
Os anúncios são um grande fluxo de receita para muitos sites, mas também podem afetar negativamente o tempo de carregamento da página. Vincular diretamente ao produto ou serviço que você está promovendo usando imagens otimizadas é a melhor maneira de anunciar ofertas em seu site. Alternativamente, você pode usar links de texto e aumentar consideravelmente a velocidade da página. O único problema com links de texto é que sua receita de anúncios pode sofrer um ou dois golpes, visto que as imagens chamam mais a atenção do que o texto.
Você prejudicará a velocidade da sua página se depender muito de redes de anúncios de terceiros que são executadas em servidores externos. Ao mesmo tempo, adicionar um código de acompanhamento de anúncios local ao seu site pode prejudicar o desempenho. O que fazer? Use imagens otimizadas e hospedadas localmente (ou seja, hospedadas em seu servidor) para promover ofertas. Você sempre pode rastrear seus anúncios usando um plug-in como o Pretty Link Pro .
Importante: reduza o número de anúncios que fazem uso intensivo do servidor ou opte apenas por anúncios que não sobrecarregarão os recursos do servidor.
Ativar compactação Gzip
Se você fosse instruído a arremessar um pedaço de papel pela sala o mais longe possível, você o amassaria levemente ou o apertaria com toda a força? Isso mesmo, você colocaria seu Hulk Smash.
A citação anterior foi de Willie Jackson e este mesmo princípio se aplica à compressão Gzip. Esse recurso instrui seu servidor a compactar seu site (todos os arquivos) antes de enviar o mesmo para seus visitantes da web. Seu site é então descompactado no nível do navegador.
A compactação Gzip é uma maneira legal e fácil de acelerar seu site WordPress. Basta navegar até a tela de opções do WordPress em http://seudominio.com/wp-admin/options.php e alterar o valor do campo gzipcompression de 0 para 1. Substitua http://seudominio.com pelo seu próprio domínio. Obviamente, você deve primeiro fazer login no seu site para que isso funcione
Aproveite o armazenamento em cache e as redes de entrega de conteúdo (CDNs)
O cache do WordPress envolve salvar alguns de seus arquivos estáticos (por exemplo, imagens, scripts, etc) no dispositivo dos usuários por um período de tempo especificado. Quando seus usuários visitarem seu site posteriormente (e desde que os arquivos em cache não tenham expirado), seu site será carregado mais rapidamente, pois o usuário não precisa baixar os arquivos do seu servidor.
Ativar o cache no seu site WordPress é super fácil. Se você quiser ficar por dentro, você pode habilitar o cache do navegador colocando o código abaixo em seu arquivo .htaccess.
## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg “access 1 year”
ExpiresByType image/jpeg “access 1 year”
ExpiresByType image/gif “access 1 year”
ExpiresByType image/png “access 1 year”
ExpiresByType text/css “acesso 1 mês”
ExpiresByType text/html “acesso 1 mês”
ExpiresByType application/pdf “acesso 1 mês”
ExpiresByType text/x-javascript “acesso 1 mês”
ExpiresByType application/x-shockwave-flash “acesso 1 mês “
ExpiresByType image/x-icon “acesse 1 ano”
ExpiresDefault “acesse 1 mês”
</IfModule>
## EXPIRA O Cache ##
Código cortesia de Kevin Muldoon . O código acima especifica por quanto tempo cada tipo de arquivo será armazenado em cache. Alternativamente, você pode habilitar o cache em alguns minutos usando plugins de cache do WordPress, como:
A propósito, os plug-ins de cache publicam versões HTML estáticas de seus arquivos, eliminando a necessidade de chamadas de servidor. O armazenamento em cache resultará em melhoria imediata da velocidade, portanto, obtenha seu plugin de cache do WordPress já. Muitos proprietários de sites e desenvolvedores do WordPress escolhem o WP Total Cache . Deixando o cache de lado, vejamos as Redes de Entrega de Conteúdo ou CDN em resumo.
Redes de entrega de conteúdo
Seu site WordPress pode ser hospedado em um data center (servidor) em qualquer lugar do mundo, dependendo da localização do seu host. Não importa o quão poderoso seja o seu servidor, quanto mais longe um usuário estiver do servidor (daí o seu site), maior será o tempo de carregamento da página. Por exemplo, se o seu servidor estiver localizado em São Francisco, um cliente em Londres experimentará um tempo de carregamento mais longo em comparação com um cliente em, digamos, Washington.
Redes de entrega de conteúdo, como CloudFlare e BootstrapCDN , aliviam esse problema. Uma rede de entrega de conteúdo é uma série de data centers interligados localizados em todo o mundo. Depois de se inscrever em uma conta CDN, as versões do seu site são salvas em vários data centers. Quando um usuário visita seu site, a CDN atenderá automaticamente seu site a partir do data center mais próximo do usuário.
Os especialistas em hospedagem gerenciada do WordPress, WPEngine, fornecem recursos de CDN e cache de nível superior que ajudarão você a turbinar seu site WordPress.
Folhas de estilo na parte superior e scripts na parte inferior
A arquitetura do site afeta o desempenho do seu site de mais maneiras do que você imagina. Quero dizer, a maneira como você ordena vários elementos em seu site WordPress (ou qualquer outro site) tem um efeito considerável na velocidade de carregamento do seu conteúdo.
Mas como colocar folhas de estilo na parte superior e scripts na parte inferior diminuirá o tempo de carregamento da página no meu site? Em primeiro lugar, você nunca quer que seus visitantes vejam conteúdo sem estilo, não é mesmo? Colocar folhas de estilo no topo (no elemento <head>) garante que elas sejam carregadas primeiro. Assim, seus estilos serão aplicados às suas páginas à medida que o HTML for carregado.
Colocar scripts na parte inferior garante que seu conteúdo seja carregado antes que os objetos de interação sejam ativados. Widgets, anúncios com script, chamadas de API externas e formulários com script, entre outros, devem ser carregados após seu conteúdo. Afinal, os usuários só vão interagir com esses objetos depois de ver seu conteúdo. Você não quer que os visitantes vejam conteúdo sem estilo, e você definitivamente não quer que eles vejam o widget de Posts Relacionados entre outros muito antes do conteúdo.
Você sabia? Colocar scripts no topo (ou em seu elemento <head>) pode impedir que seu conteúdo seja carregado caso um dos scripts falhe ao carregar?
Limite seus scripts externos
Ainda neste negócio de scripts, se o seu site depender de muitos scripts externos, ele ficará mais lento. Acho que mencionamos algo sobre isso quando abordamos como os anúncios podem diminuir a velocidade do seu site. Exemplos comuns de scripts externos incluem:
- Botões de compartilhamento de mídia social, por exemplo, os famosos botões Curtir no Facebook e Seguir no Twitter.
- YouTube e outros scripts de incorporação de vídeo (a propósito, é muito simples adicionar vídeos do YouTube ao seu site WordPress )
- Plugins de comentários externos, como IntenseDebate, Comentários do Google+, Disqus etc.
- Bate-papo ao vivo
- Opção externa em formulários e pop-ups
- Scripts de fontes externas
- Et cetera, et cetera
Reduzir o número de scripts externos pode diminuir bastante o tempo de carregamento da página. A única desvantagem é que você corre o risco de executar seu site sem determinados recursos. Você pode compensar a maioria dos recursos codificando-os diretamente em seu tema.
Você não precisa desabilitar todos os scripts externos, você pode usar a ferramenta Pingdom Site Speed
Minimizar
O que estamos minificando? Seu código HTML, CSS e JavaScript. Como você minifica HTML, CSS ou JavaScript? Você remove todo o espaço em branco do código.
Isso não tornará o código ilegível? O código não vai machucar nossos olhos? Sim, isso pode dificultar a leitura do código, mas se você quiser aumentar a velocidade da sua página, não precisará se preocupar com essas coisas. Afinal, você sempre pode comentar seu código se isso ajudar. Estrutura ordenada e espaço em branco são usados
Use bastante espaço em branco para aprimorar o front-end, mas remova todos os espaços e guias do seu código. Se você não quiser mexer, pode automatizar todo o processo usando um plugin como Autoptimize .
Use temas WordPress bem codificados e gerenciados
Temas do WordPress que nunca foram amados por seus desenvolvedores geralmente vêm com código mal feito que esgotará os recursos do seu servidor, resultando em um site lento. Além disso, temas WordPress mal desenvolvidos podem usar imagens em excesso, o que adicionará peso ao seu site.
Escolha temas WordPress desenvolvidos profissionalmente de fontes confiáveis. Acima de tudo, seu tema de escolha deve ser responsivo e otimizado para melhor desempenho. Não sabe por onde começar? Confira o sempre impressionante tema Total Drag & Drop WordPress ou nossos Temas WordPress gratuitos .
Mas lembre-se, só porque você confia no desenvolvedor do tema, isso não significa que o tema está codificado com perfeição. Todo mundo comete erros e todo tema tem algum tipo de bug ou falha em algum lugar, por isso também é importante usar temas que são gerenciados e atualizados regularmente. Não se contente com um tema só porque você gosta da aparência, qualquer tema pode ser redesenhado por meio de um tema filho .
Tirar o lixo
Desde o WordPress 2.9, toda vez que você exclui conteúdo do seu site, ele é enviado para a lixeira – algo como a lixeira do seu desktop. Você pode, portanto, restaurar ou excluir permanentemente seus arquivos à vontade. O único problema é que esse lixo pode ocupar muito espaço em seu banco de dados. Uma vez que o lixo se acumula, pode sufocar o banco de dados, deixando seu site mais lento.
O WordPress esvazia a lixeira a cada trinta dias, mas você pode alterar isso editando seu arquivo wp-config.php:
define( ‘EMPTY_TRASH_DAYS’, 7 );
O código acima instruirá o WordPress a limpar a lixeira a cada sete dias, enquanto o código a seguir desabilitará o recurso de lixeira definitivamente:
define( ‘EMPTY_TRASH_DAYS’, 0 );
Desativar recursos do Jetpack que você não usa
Desativar alguns dos recursos do Jetpack que você nunca usa pode aumentar imensamente a velocidade do seu site. Desativei todos os recursos, exceto comentários, compartilhamento, links curtos do WP.me
Os recursos do Jetpack utilizam scripts, que levam tempo para carregar, além de enviar solicitações extras ao seu servidor. Se você ativar todos os recursos do Jetpack, suas páginas demorarão mais para carregar. Ative os recursos que você deseja usar e esqueça o resto.
Resumo rápido
Fornecer uma ótima experiência ao usuário e uma boa classificação nos mecanismos de pesquisa agora estão vinculados à velocidade da página e ao desempenho do site em geral. Por esse motivo, você nunca pode subestimar a importância de otimizar seu site para obter o melhor desempenho. Em uma lista:
- Escolha a melhor hospedagem WordPress (nós usamos e amamos WPEngine )
- Excluir plugins antigos que você não usa
- Reduza as solicitações HTTP para o seu servidor
- Otimize suas imagens
- Escolha seus anúncios com sabedoria
- Ativar a compactação Gzip
- Aproveite as redes de armazenamento em cache e de entrega de conteúdo (CDN)
- Folhas de estilo na parte superior e scripts na parte inferior
- Limite seus scripts externos
- Minify, minify e minify um pouco mais
- Use temas WordPress premium (recomendo o tema WordPress multiuso Total Drag & Drop )
- Tirar o lixo
- Desative os recursos do Jetpack que você não usa
A bola está agora do seu lado…
A regra geral ao desenvolver seu site é adotar uma abordagem minimalista para praticamente todos os aspectos do seu projeto. Livre-se do que você não precisa, otimize e comece com as ferramentas certas, hospedagem na web incluída. Nos vemos por aí