e-book
Como melhorar a PERFORMANCE DO WORDPRESS? Especialista em WordPress 1
Neste e-book você encontra: ● 5 fatores que afetam a performance de seu site WordPress ● 4 ferramentas para medir a performance de seu site WordPress ● Plugins de cache para otimizar seu site WordPress ● Melhore a performance de seu site WordPress com CDN
2
1) Conheรงa os 5 fatores que afetam a performance do WordPress
3
5 fatores que afetam a performance
Você pode perguntar: Por que é preciso melhorar o desempenho do WordPress se já é uma plataforma otimizada? Sim, o core do WordPress é otimizado. O que isso significa? Que o WordPress mesmo com nenhum plugin ou tema terceiro instalado é otimizado. Quanto mais plugins e temas são configurados em seu site, por exemplo, é mais provável que seu WordPress possa apresentar problemas de performance. Além disso, existem outros fatores que interferem na performance do WordPress. Você sabe quais são eles?
4
5 fatores que afetam a performance
1. Hospedagem do seu site WordPress Este primeiro item talvez não possa ser considerado exatamente um fator, e sim, um
1. Hospedagem do seu site WordPress
ponto de partida. Para que você possa otimizar seu site WordPress, primeiro você precisa saber qual é o tipo de hospedagem em que seu site está configurado. Identificar quais são as melhores práticas para otimização do seu site a partir do serviço de hospedagem é um ótimo começo para melhorar o desempenho de seu WordPress.
5
5 fatores que afetam a performance
Por exemplo: Se sua hospedagem for compartilhada - ou seja, você basicamente tem pouco controle sob as
1. Hospedagem do seu site WordPress
configurações de seu servidor - a solução que pode mais se adequar para otimização são caching e offloading. Já se sua hospedagem for dedicada - ou seja, você tem controle sob seu servidor - uma das opções para otimização é aplicar as medidas que otimizam carregamento de servidor.
6
5 fatores que afetam a performance
2. Configurações de plugins e temas do WordPress Como já citamos, os plugins e temas que você
2. Configurações de plugins e temas do WordPress
escolhe instalar e aplicar em seu site WordPress podem ter um impacto gigantesco na performance dele. Ao optar por um tema é interessante escolher aqueles que sejam leves e que não tenham recursos que exijam demais, e que, dessa forma, diminuam a velocidade de seu site.
7
5 fatores que afetam a performance
Outro fator que pode afetar o desempenho do
2. Configurações de plugins e temas do WordPress
A melhor opção é desativar e deletar plugins
seu WordPress é o número de plugins instalados.
que são desnecessários. Use as ferramentas de análise para medir a performance de seu site após ativar cada plugin. Desta forma, você conseguirá verificar qual plugin realmente causa impacto no desempenho do seu WordPress.
8
5 fatores que afetam a performance
3. Performance do Software Outro fator que vai interferir na performance de seu site é se você não estiver com a versão
3. Performance do Software
atualizada de seu software. Correção de bugs e aprimoramento na performance sempre estão entre as melhorias nas versões mais recentes. É necessário certificar-se que você está com a última versão de softwares como: Linux, Apache, MySQL/MariaDB e PHP. Isto é extremamente importante para que seu site WordPress tenha uma boa performance. 9
5 fatores que afetam a performance
4. Carregamento do Servidor Outros dois fatores que podem afetar o desempenho de seu site são:
4. Carregamento do Servidor
●
A quantidade de tráfego em seu servidor;
●
O modo como ele está configurado para gerenciar a carga de acessos simultâneos.
Algumas soluções em cache podem aprimorar a performance de seu site WordPress. Quer saber como? Então, veja só o que pode acontecer caso você não use cache:
10
5 fatores que afetam a performance 4. Carregamento do Servidor
Por exemplo, em relação ao carregamento do servidor, se você não usar cache com uma das soluções para otimização: ●
A performance do seu site vai diminuir;
●
Requisições de páginas vão aumentar e sobrecarregar a fila de processos do servidor.
Abusive traffic como: ataques no login, image leaking (quando outros sites linkam para seus arquivos de imagens de sites de grande tráfego) ou ataques DoS, também podem aumentar a carga do servidor. Identificar e bloquear este tipo de ataque é extremamente importante. 11
5 fatores que afetam a performance
5. Arquivos estáticos: imagens, CSS e outros arquivos de mídia Seu site tem inúmeras imagens ou vídeos?
5. Arquivos estáticos: imagens, CSS e outros arquivos de mídia
Se sim, há uma grande chance que a performance dele pode estar sendo prejudicada se estes arquivos de mídias não estiverem otimizados. Por exemplo: O redimensionamento de imagens e a formatação correta delas, pode economizar bytes de dados e assim, poupar tempo e custos para usuários que possuem planos de dados limitados.
12
5 fatores que afetam a performance
Agora, responda: Existem espaços extras, quebra de linha ou recuos desnecessários no código fonte do seu site? Porque se há, estes recursos também modificam a
5. Arquivos estáticos: imagens, CSS e outros arquivos de mídia
performance de seu site. Se você os compactar, o download, a análise e o tempo de execução serão acelerados. Muitos arquivos de CSS também são um problema para performance de seu site WordPress. Quando você inclui arquivos de CSS dentro de outros, as folhas de estilo externas bloqueiam o processamento e atrasam a exibição de conteúdo. 13
5 fatores que afetam a performance
Conclusão Agora você já tem uma ideia dos principais fatores que podem afetar a performance de seu site
Conclusão
WordPress: ●
Hospedagem do seu site WordPress
●
Configurações de plugins e temas do Wordpress
●
Performance do Software
●
Carregamento do Servidor
●
Arquivos estáticos: imagens, CSS e outros arquivos de mídias
Vamos conhecer agora quais ferramentas estão disponíveis para medir performance. 14
2) Ferramentas para medir a performance de seu site WordPress
15
Ferramentas para medir a performance de seu site WordPress
Vamos mostrar para você algumas ferramentas
O que são ferramentas de análise?
nenhum plugin ou tema terceiro instalado).
de análise que são extremamente úteis para medir a performance de seu WordPress. Antes de tudo, é sim verdade que o core do WordPress já é uma plataforma otimizada (sem
Porém, existem algumas situações (se não forem devidamente verificadas) que podem afetar a performance de seu site WordPress. Você pode nos perguntar: mas como vou saber se meu site não está funcionando na sua capacidade total? Nós temos a resposta para você.
16
Ferramentas para medir a performance de seu site WordPress O que são ferramentas de análise?
As ferramentas de análise estão disponíveis para você verificar a performance de seu site em WordPress. Elas são importantes para: ●
Medir performance atual de seu site WordPress;
●
Identificar gargalos e problemas de performance.
Ou seja: Estas ferramentas vão te ajudar a identificar quais são os problemas que podem estar prejudicando a performance de seu site, e também, sugerir quais são as medidas necessárias para melhorar o desempenho dele.
17
Ferramentas para medir a performance de seu site WordPress
Normalmente, cada ferramenta gera um relatório
O que faz cada ferramenta de análise?
Se você deseja que seu site tenha uma ótima
detalhado de como anda a performance de seu site e também, sugere quais medidas específicas que você pode tomar para que a performance seja otimizada.
performance, você pode seguir os seguintes passos: ●
Analisar a performance de seu site na ferramenta de análise;
●
Aplicar as soluções sugeridas pela ferramenta;
●
Testar velocidade e performance novamente, agora com seu site otimizado. 18
Ferramentas para medir a performance de seu site WordPress
Desta forma, as ferramentas são úteis tanto no
Conheça 4 ferramentas de análise de performance
nós separamos para você 4 ferramentas de
processo de verificação, medição, como também, depois das mudanças específicas feitas para otimização. Para medir a performance do seu site WordPress, análise: Pingdom WebSite Speed Test, GTmetrix, WebPage Test e PageSpeed Insights. Vamos conhecer cada uma delas?
19
Ferramentas para medir a performance de seu site WordPress
1.
1. Pingdom WebSite Speed Test
sites se tornem mais rápidos.
Pingdom WebSite Speed Test
A Pingdom Website Speed Test, é uma ferramenta criada para ajudar usuários a analisarem e medirem a velocidade de seus sites e mostrar quais as práticas que permitem que seus
Além disso, identifica o que exatamente está fazendo com que a página fique rápida ou lenta. Todos os testes são feitos em servidores dedicados com navegadores web reais para que os resultados correspondam com a experiência do usuário.
20
Ferramentas para medir a performance de seu site WordPress
Os recursos gerais oferecidos pela ferramenta
1. Pingdom WebSite Speed Test
cada elemento da sua página (HTML, JavaScript e
são: ●
Exame de todas as partes da sua página:
Você pode visualizar tamanhos de arquivos, tempo de carregamento e outros detalhes de arquivos de CSS, imagens). Também dá ao usuário a possibilidade de filtrar e organizar esta lista de diversos modos para identificar gargalos de performance.
21
Ferramentas para medir a performance de seu site WordPress 1. Pingdom WebSite Speed Test
●
Visão geral de performance:
Automaticamente estatísticas relacionadas a performance são disponibilizadas para o usuário ter dados de comparação de resultados. ●
Rastreamento do histórico de performance:
Cada teste de performance é salvo para que o usuário possa ter um registro da evolução da performance de seu site. ●
Teste em diferentes localidades:
O usuário pode verificar como está a velocidade de carregamento de seu site em diferentes partes do mundo. Por exemplo: na Europa ou EUA.
22
Ferramentas para medir a performance de seu site WordPress 2. GTmetrix
2.
GTmetrix
O usuário descobre como anda o carregamento de seu site e oferece recomendações práticas para otimizar a performance. Veja os recursos: ●
Monitoramento de páginas:
Permite o agendamento de testes diários, semanais ou mensais para garantir que a otimização seja constante. ●
Alertas monitorados:
O usuário pode configurar alertas específicos caso a página demonstre uma certa condição. As condições podem ser baseadas e definidas como velocidade de carregamento ou tamanho da página. 23
Ferramentas para medir a performance de seu site WordPress 2. GTmetrix
●
Captura de vídeo:
Possibilita a gravação do carregamento da sua página para apontar exatamente o momento que acontecem os gargalos de performance. Com este recurso é possível diminuir a velocidade do vídeo em até quatro vezes e mostrar os principais marcos de carregamento do site. ●
Análise em dispositivos móveis:
É possível analisar como está a performance de seu site em celulares Android.
24
Ferramentas para medir a performance de seu site WordPress
3.
3. WebPage Test
do usuário
●
WebPage Test Revisão Analítica:
O site do usuário é testado em múltiplas localidades ao redor do mundo usando navegadores reais e com velocidade de conexão
Na revisão analítica é possível fazer testes de maneiras mais avançadas como, por exemplo, utilizando a captura de vídeo. Os resultados vêm com diagnósticos ricos em informação incluindo gráficos em cascata, otimização da velocidade da página e sugestões para melhoramentos. 25
Ferramentas para medir a performance de seu site WordPress 3. WebPage Test
●
Comparação visual:
Nesta opção, o usuário pode inserir várias URLS e compará- las simultaneamente umas com as outras. ●
Traçando rota de teste:
Aqui você pode traçar a rota do teste. Você pode escolher a localidade, por exemplo, São Paulo, também o tipo de navegador e o número de testes para ser aplicados.
26
Ferramentas para medir a performance de seu site WordPress
4.
PageSpeed Insights
A PageSpeed Insights, ferramenta desenvolvida pelo Google, oferece uma análise precisa em relação a performance de seu site tanto em desktop, como também em dispositivos móveis.
4. PageSpeed Insights A PageSpeed também mede a experiência do usuário. Na mesma estrutura, oferece três diferentes níveis de correção, ajudando o usuário a identificar quais itens são mais urgentes. A PageSpeed é bem fácil de se utilizar. O usuário deve inserir a URL da página a ser analisada e os resultados aparecem em três níveis diferentes:
27
Ferramentas para medir a performance de seu site WordPress 4. PageSpeed Insights
●
Alerta vermelho:
Itens que o usuário deve corrigir com urgência são apresentados em lista. As soluções para cada item são detalhadas, mostrando o modo correto para melhorar a performance da página. ●
Alerta amarelo:
Itens que o usuário pode considerar em corrigir para melhorar a performance. Por exemplo: otimizar imagens, ativar compactação ou reduzir o tempo de resposta do servidor. ●
Sinal verde:
Mostra os itens que estão aprovados. Ou seja: lista os itens que estão ativos para melhorar a performance de seu site. 28
Ferramentas para medir a performance de seu site WordPress
Conclusão
Conclusão
desempenho dele e as soluções sugeridas para
Com estas sugestões, você pode medir a performance de seu site WordPress. Descobrir quais são os pontos que tem afetado o melhorar a performance de sua página. Deseja saber como otimizar a performance de seu site WordPress utilizando plugins de cache? Confira a seguir:
29
3) Plugins de cache para otimizar seu WordPress
30
Plugins de cache para otimizar seu WordPress
Cache é uma técnica de armazenar uma cópia estática de informação já processada, poupando processamento e consultas de banco de dados e é muito utilizado para páginas e conteúdos que são consultados com frequência. O cache é guardado para um acesso futuro mais rápido, poupando tempo e uso desnecessário do seu hardware. Para otimizar site WordPress com plugin de cache, separamos 3 dicas para você. Vejamos o que cada plugin oferece:
31
Plugins de cache para otimizar seu WordPress
1.
W3 Total Cache
O W3 Total Cache é um plugin desenvolvido para melhorar a experiência do usuário e a velocidade
W3 Total Cache
do carregamento do seu site. Este plugin tem recursos de cache de página, cache do navegador, minificação e também, disponibiliza suporte a serviço de CDN. Vejamos estes recursos com mais detalhes:
32
Plugins de cache para otimizar seu WordPress
●
Caching da Página:
O plugin ajuda a diminuir o tempo de resposta ao criar versões estáticas das páginas em HTML, permitindo que o servidor sirva sem requisitar
W3 Total Cache
PHP. Automaticamente atualiza o cache quando são feitos comentários ou páginas são editadas. ●
Minificação:
Remove caracteres desnecessários dos arquivos HTML, CSS e JavaScript, e depois, respectivamente, combina cada um deles antes de aplicar a compressão HTTP nos arquivos em cache.
33
Plugins de cache para otimizar seu WordPress
●
Caching do Banco de Dados:
O cache também é utilizado em consultas no banco de dados, permitindo que o tempo para gerar novas páginas seja reduzido.
W3 Total Cache Este recurso é extremamente útil para sites que recebem muitos comentários e que usam recursos como Post Relacionados. ●
Cabeçalhos:
W3TC gerencia os cabeçalhos que controlam o cache de arquivos em navegadores web, reduzindo a carga do servidor e melhorando a performance.
34
Plugins de cache para otimizar seu WordPress
●
CDN:
Move os pedidos de arquivos estáticos, JavaScript, CSS, entre outros para uma rede de servidores de alta performance.
W3 Total Cache O servidor mais próximo do usuário é automaticamente usado, oferecendo mais rapidez no download de arquivos. Instalações ativas: Mais de um 1 milhão Classificação no Diretório de Plugin do WordPress: 5 estrelas
35
Plugins de cache para otimizar seu WordPress WP Super Cache
2. WP Super Cache O WP Super Cache é um plugin que produz arquivos estáticos de HTML. Eles são servidos diretamente pelo servidor web sem requisitar processamento de scripts de PHP, ajudando a aumentar a velocidade do seu site. A usar este plugin o servidor serve as páginas com cache na mesma velocidade que serve arquivos gráficos regulares. É útil para sites que possuem número significativo de visitantes diários. Instalações ativas: Mais de 1 milhão Classificação no Diretório de Plugins do WordPress: 4 estrelas 36
Plugins de cache para otimizar seu WordPress
3. Comet Cache É um plugin que se baseia na simplicidade. Ele faz uma cópia de cada página, post ou categoria.
Comet Cache Estas cópias são armazenadas intuitivamente, para que possam ser usadas como referência para poupar tempo de processamento. Entre os recursos que oferece, estão: ●
Configuração simples e intuitiva.
●
Possibilidade de configurar uma data específica de expiração para arquivos de cache.
●
Caching de feed de RSS, RDF e Atom Feed.
37
Plugins de cache para otimizar seu WordPress
●
Possibilidade de caching em pedidos 404 (páginas não encontradas) para reduzir o impacto destes pedidos no servidor.
●
Possibilidade de caching de URLs que contém pedidos de consultas.
Comet Cache ●
Suporte avançado de cache para desenvolvedores de plugins e tema.
●
Estatísticas de cache para ajudar a monitorar como está o cache do seu site.
●
Filtros estáticos de CDN para servir todos os arquivos estáticos de seu site de um serviço de CDN da sua escolha .
Instalações ativas: Mais de 20 mil Classificação no Diretório de Plugins do WordPress: 5 estrelas 38
Plugins de cache para otimizar seu WordPress Use o cache do navegador para otimizar seu site WordPress
Use o cache do navegador para otimizar seu site WordPress Outra sugestão para otimizar seu site WordPress com cache (além dos plugins) é forçar o caching do navegador dos usuários. Ao aplicar esta técnica é possível reduzir a carga do servidor ao diminuir o número de requisições por página. Um exemplo: ao configurar os cabeçalhos de arquivos estáticos, navegadores vão usar cache nestes arquivos no computador do usuário. Permitindo que o navegador confira se os arquivos mudaram ao invés de simplesmente requisitar por eles. 39
Plugins de cache para otimizar seu WordPress
Conclusão Otimizar site WordPress com plugin de cache é mais uma ótima opção para melhorar a
Conclusão
performance de seu site. Com estes plugins, é possível reduzir a carga do seu servidor e deixar o carregamento de seu site mais rápido. Quer saber mais um modo de otimizar seu site WordPress? Descubra o que é CDN a seguir!
40
4) CDN para WordPress Melhore a performance de seu site WordPress
41
CDN para WordPress
O que é CDN - Content Delivery Network? Entre as soluções para melhorar a performance
O que é CDN?
de seu site WordPress é ter um serviço de CDN. A seguir veremos o que é, qual sua função, e também, quais serviços de CDN são mais utilizados para site em WordPress. CDN – ou Rede de Fornecimento de Conteúdo – é um sistema de computadores interligados em rede distribuídos por servidores implantados em vários data centers que cooperam para fornecer conteúdo.
42
CDN para WordPress
Basicamente, é uma maneira de distribuir conteúdo estático na web (imagens vídeos, arquivos de documentos, folha de estilos CSS,
O que é CDN?
scripts) de forma mais rápida. Com este tipo de tecnologia existe a garantia de melhor desempenho, e consequentemente, melhor experiência para seus usuários. Hoje os CDNs servem uma grande parcela do conteúdo da internet. Uma das principais características deste serviço está no fato que ele distribui o conteúdo por geolocalização.
43
CDN para WordPress
Servidores são colocados estrategicamente em vários lugares ao redor do mundo para entregar o conteúdo específico para os usuários mais
O que é CDN?
próximos. Por exemplo: Se seu site está hospedado nos EUA (o que é muito comum) por meio de uma CDN você pode fazer com que seu conteúdo estático - que geralmente representa pelo menos 60% do que o navegador do usuário irá baixar - seja servido diretamente pela CDN, através dos servidores da CDN aqui mesmo do Brasil.
44
CDN para WordPress
Veja na ilustração abaixo a distribuição de conteúdo sem e com CDN:
O que é CDN?
Sem CDN
Com CDN
45
CDN para WordPress Serviço de CDN para WordPress
Serviço de CDN para WordPress Hoje existem diversos serviços de CDN para melhorar a performance do seu site WordPress. Com CDN você: ●
Economiza custos de transferência de banda de internet do seu servidor de hospedagem;
●
Aumenta a rapidez e escalabilidade do seu site;
●
Eleva a classificação nos motores de busca;
●
Poupa recursos do servidor para a transferência do conteúdo estático, deixando mais recursos livres de memória e processamento;
●
Previne a sobrecarga do servidor e eventuais quedas em picos de acesso. 46
CDN para WordPress
Nós separamos alguns serviços de CDN para
1. CloudFlare
1. CloudFlare
WordPress:
Um dos serviços de CDN mais populares é o CloudFlare. Ele cria uma cópia em cache do seu site e faz a distribuição para diversos servidores ao redor do mundo. Mesmo que o seu servidor de origem falhe, seu site permanecerá online. Desta maneira, a carga do servidor que você utiliza é reduzida e a velocidade do carregamento de suas páginas aumenta em até 30% acima do normal. 47
CDN para WordPress
Além disso, de acordo com estatísticas, o CloudFlare utiliza até 60% menos de transferência mensal e tem 65% a menos de requisições no servidor.
1. CloudFlare O CloudFlare também garante a proteção contra ataques maliciosos. Possui um plugin de mesmo nome que facilita a integração do serviço em seu site WordPress. Outro aspecto legal é o número de data centers espalhados ao redor do mundo (até o momento são 77 centros de dados). No Brasil, o data center fica em São Paulo.
48
CDN para WordPress
2. Photon - JetPack O Photon é um serviço de aceleração e edição
2. Photon - JetPack
de imagens, que possibilita menos carga no seu servidor e imagens mais rápidas para os leitores de seu site. O Photon funciona da seguinte maneira: ●
Filtra conteúdos, não alterando informações no banco de dados;
●
Age apenas sob imagens em posts, páginas e imagens destacadas;
●
Aplicável em posts antigos e novos;
●
Fácil para habilitar e desabilitar.
49
CDN para WordPress
Além disso, ele determina as dimensões das imagens após verificar os atributos de largura e altura.
2. Photon - JetPack Dessa maneira, ele disponibiliza a imagem redimensionada conforme estas dimensões. Ao mexer nas imagens para acelerar o carregamento, argumentos de largura e altura são removidos para evitar a distorção das imagens quando redimensionadas.
50
CDN para WordPress
Este tipo de função é extremamente importante quando há troca de temas e o novo tema é mais estreito que o anterior.
2. Photon - JetPack Entre as vantagens do Photon - JetPack está o redimensionamento automático de imagens que não excedam a largura que o tema de seu site permita. Basicamente, o Photon é uma opção extremamente útil para que suas imagens sejam otimizadas em seu site WordPress.
51
CDN para WordPress
3. MaxCDN Outra opção popular é o MaxCDN. Ele possui 19
3. MaxCDN
data centers espalhados pelo mundo, sendo 8 nos Estados Unidos, 5 na Europa, 1 na América do Sul (localizado em São Paulo) e 5 na Ásia. Uma de suas características principais é que a rede é controlada pelo usuário. Como eles mesmo dizem: “Nós construímos e mantemos, mas você tem o controle”.
52
CDN para WordPress 3. MaxCDN
Por meio do Painel de Controle o usuário pode: ●
Instantaneamente gerar relatórios de uso;
●
Mudar a forma como o conteúdo é armazenado em cache em cada local;
●
Ter funções para proteger seu servidor primário.
Eles também disponibilizam uma equipe de suporte 24 horas e outras funções avançadas que garantem o maior controle e mais rapidez de seu site.
53
CDN para WordPress
4. Amazon CloudFront O serviço de CDN disponibilizado pela Amazon,
4. Amazon CloudFront
Amazon CloudFront, se integra aos produtos da Amazon Web Services. Por meio do CloudFront é possível distribuir conteúdo aos usuários finais com baixa latência e alta velocidade de transferência de dados. Entre os recursos, estão: ●
Distribuição de conteúdos dinâmicos, estáticos, streaming e interativo;
●
Otimizado para operar com outros produtos da Amazon Web Service; 54
CDN para WordPress
●
Funciona com qualquer servidor de origem que não seja AWS;
4. Amazon CloudFront
●
Rede global com pontos de presença nos EUA, Austrália, Europa, Ásia e no Brasil, em São Paulo;
●
Responde automaticamente à medida que a demanda aumenta ou diminui sem a necessidade de alguma intervenção de sua parte;
●
Rede monitorada constantemente para melhorar o desempenho e durabilidade.
55
CDN para WordPress
Conclusão Como percebemos nos slides anteriores os
Conclusão
serviços de CDN trazem inúmeras vantagens para seu site em WordPress. Escolher um bom serviço de CDN fará uma grande diferença na performance de seu site, possibilitando que seu conteúdo alcance mais pessoas. Para escolher qual serviço de CDN é o melhor para otimizar seu site, um dos principais aspectos que devem ser levados em consideração é a localização dos data centers.
56
CDN para WordPress
No Brasil, um dos mais utilizados é o CloudFlare por causa da existência um data center em São Paulo.
Conclusão Dessa forma, é melhor localizado para sites brasileiros. Além disso, o CloudFlare tem um plano de entrada grátis, o que o torna ainda mais atrativo.
57
Quer saber mais sobre performance de site WordPress? CONTE COM NOSSOS ESPECIALISTAS (47) 3439-5388 | (47) 3207-3627 contato@yogh.com.br www.yogh.com.br