Quais são as vantagens do plugin WP Rocket?
WP Rocket é um plugin de cache do WordPress que melhora a velocidade dos sítios WordPress através da implementação de várias optimizações avançadas, tais como o cache, pré-carregamento do cache e das fontes do seu sítio web, minificação de ficheiros CSS e Javascript, carregamento atrasado de ficheiros Javascript, optimização de bases de dados WordPress, etc.
WP Rocket, ao contrário de muitos plugins de cache, não requer configurações complicadas e começa a funcionar assim que o instala e o activa. Este plugin não requer quaisquer conhecimentos técnicos ou de codificação, mas permite-lhe fazer configurações avançadas, se assim o desejar. Finalmente, este plugin permite-lhe desfazer facilmente as alterações feitas, se necessário.
Antes e depois da comparação
Voltaremos mais tarde sobre as configurações e todas as possibilidades deste plugin, mas eu queria mostrar-vos o seu impacto num website antes/depois da instalação, e depois de ter feito algumas configurações muito simples em 2 separadores: o separador “CSS and JS files optimization”, e o separador “Media”.
WP Rocket afirma que podemos alcançar resultados significativos muito facilmente, e sem qualquer conhecimento técnico prévio. Para fazer comparações, usarei GTmetrix para testar o desempenho de um sítio Web WordPress gerido no Hostinger da web, usando uma conta CDN gratuita Cloudflare.
1) Resultados antes de instalar o WP Rocket:
2) Resultados após a instalação do plugin:
Muitas características foram activadas por defeito, incluindo funções de pré-carga e cache de ficheiros.
3) Configurações para o separador Optimização de ficheiros CSS e JS:
Estas características não são activadas por defeito. Aqui estão os ajustes que fiz:
- Minimizar ficheiros CSS: definir para ON
- Combinar ficheiros CSS: definir para ON
- Optimizar a entrega CSS + carregamento assíncrono de ficheiros CSS: definir para ON
- Minimizar ficheiros CSS: definir para ON
- Atraso no carregamento dos ficheiros JS: definir para ON
- Atrasar a execução do JavaScript até à interacção do utilizador: definir para ON
Aqui estão os resultados da optimização dos ficheiros CSS e JS:
A optimização dos ficheiros CSS e Javascript permitiu-me passar de B para A na GTmetrix, com apenas alguns cliques!
4) Configurações do separador “Media”:
Estes são os ajustes para a “Carga Preguiçosa” e o dimensionamento da imagem.
- Habilitar para imagens: definir para ON
- Habilitar para iframes e vídeos: definir para ON
- Adicionar dimensões de imagem em falta: definir para ON
Aqui estão os resultados adicionais obtidos com as definições de Carga Preguiçosa e dimensionamento de imagem:
5) Resultados obtidos após a optimização da imagem pela Imagify:
Como pode facilmente ver, os resultados são realmente interessantes, temos um website optimizado em apenas alguns cliques, o que terá um impacto positivo na SEO.
Preços de WP ROCKET
Temos uma escolha de 3 planos anuais, dependendo do número de websites que queremos optimizar:
O plano Single é válido para um único sítio WordPress e custa apenas 49 dólares por ano (ou 44 euros por ano), incluindo apoio. Pode utilizar o plugin em mais websites actualizando a sua licença. Ao actualizar, pagará apenas a diferença de preço entre a sua licença actual e aquela para a qual está a actualizar.
O plano Plus permite-lhe optimizar 3 websites e custa 99 dólares por ano (ou 88 euros por ano). Finalmente, o plano Infinite custa $249 por ano (ou 222 euros por ano) e permite a optimização de um número ilimitado de sítios WordPress.
Por vezes é possível obter o plugin a um preço reduzido. Uma garantia de devolução de 100% do dinheiro é oferecida no prazo de 14 dias após a compra. Ao renovar a licença, é oferecido um desconto de 30%.
Todas as configurações do WP Rocket:
1) O Painel de controlo
- A minha conta: é aqui que pode encontrar informações sobre a sua licença.
- “Acções rápidas: estas definições permitem apagar todos os ficheiros em cache com 1 clique, iniciar a pré-carga do cache ou regenerar CSS críticos.
- RocketCDN: Tem a possibilidade de subscrever o CDN do próprio WP Rocket. Mas o preço parece um pouco elevado: $7,99 por mês.
- My Status: esta configuração permite-lhe partilhar dados anónimos com a equipa de desenvolvimento para ajudar a melhorar o WP Rocket.
- Links para vídeos explicando como funciona o plugin, como medir a velocidade do seu website, como fazer as melhores configurações, … Há também um link para a documentação oficial do plugin, e finalmente um link para contactar o suporte.
2 ) O separador Cache
- Mobile Cache: Esta configuração permite-lhe activar ou desactivar o cache para utilizadores móveis. Opcionalmente, pode utilizar ficheiros de cache separados para dispositivos móveis (esta é uma opção para pessoas que utilizam temas móveis dedicados).
- User Cache: Esta configuração permite-lhe activar ou desactivar o cache para os utilizadores que estão registados. O cache do utilizador é útil se um website tiver um conteúdo específico para os utilizadores.
- Cache Lifetime: Esta configuração permite-lhe especificar o tempo após o qual os ficheiros de cache serão apagados.
Em relação ao comércio electrónico, WP Rocket não guarda páginas sensíveis. Não há, portanto, necessidade de se preocupar com interferências no processo de compra.
3) O separador Optimização de ficheiros
Este é o separador que lhe permitirá optimizar e ajustar as definições dos ficheiros CSS e JavaScript. Para ficheiros CSS, pode :
- Minimizar os ficheiros CSS removendo comentários e espaço em branco nos ficheiros CSS para reduzir o seu tamanho.
- Combinar ficheiros: esta configuração permite a fusão dos vários ficheiros CSS num único ficheiro, reduzindo assim o número de pedidos HTTP.
É possível excluir certos ficheiros CSS da minificação e fusão de CSS. - Optimizar a entrega do CSS, eliminando o CSS de rendição-bloqueio. Há uma escolha entre dois métodos: eliminação do código CSS não utilizado (o método Beta, que é oficialmente recomendado), ou o método de carregamento assíncrono do CSS.
Para ficheiros JavaScript, pode :
- Minimizar os ficheiros JavaScript removendo comentários e espaço em branco nos ficheiros JS para reduzir o seu tamanho. É possível excluir certos ficheiros JavaScript da minificação.
- Combinar ficheiros JavaScript fundindo todos os ficheiros JS para reduzir o número de pedidos HTTP. É possível excluir certos ficheiros JavaScript da concatenação.
- Atrasar o carregamento do JavaScript para eliminar o JavaScript de renderização-bloqueio no seu website para melhorar o seu tempo de carregamento. É possível excluir certos ficheiros JavaScript.
- Atrasar a execução do JavaScript até à interacção do utilizador (por exemplo, quando o utilizador rola ou clica no rato)
4) O separador Media
- O separador Media permite-lhe optimizar os ficheiros multimédia no seu sítio web. Para tal, o plugin permite o carregamento atrasado de imagens, iframes e vídeos, permitindo reduzir o seu tempo de carregamento (há uma opção para excluir certas imagens ou iframes). Finalmente, pode substituir o iframe do YouTube por uma imagem de pré-visualização.
- Também é possível acrescentar às imagens atributos de largura e altura em falta. Esta configuração ajuda a evitar alterações de layout e a melhorar a experiência de leitura para os utilizadores da web.
5) O separador da pré-carga
- Permitir a pré-carga de ficheiros para gerar os ficheiros de cache, começando com as ligações da página inicial, seguidas dos mapas do sítio XML. A pré-carga de ficheiros é automaticamente accionada quando adiciona ou actualiza conteúdo e também pode ser accionada manualmente a partir da barra de administração ou a partir do painel de instrumentos WP Rocket.
- Activar a pré-carga da ligação, o que melhora drasticamente o tempo de carregamento percebido ao carregar uma página quando um utilizador paira sobre uma ligação.
- Pré leitura de consultas DNS para reduzir o tempo de carregamento de ficheiros externos. Deve especificar manualmente os URLs que serão pré-lidos.
- Pré-carregamento de fontes: esta configuração melhora o desempenho do website ao permitir aos navegadores descobrir fontes directamente nos ficheiros CSS. Deve especificar manualmente os URLs dos ficheiros que contêm as fontes a serem pré-carregadas. Estas fontes devem ser alojadas no seu próprio domínio ou no domínio que especificou no separador CDN.
6) O separador Definições Avançadas
WP Rocket também oferece algumas configurações mais avançadas para que possa afinar as suas regras de caching. Esta secção permite-lhe estabelecer regras como, por exemplo
- URLs de páginas ou itens que nunca devem ser colocados em cache, tais como: páginas de login ou de logout, página de validação de encomendas,…
- Cookie identificadores que, quando colocados no browser do visitante, devem impedir o cache de uma página.
- Cordas de agentes de utilizadores que nunca devem ver páginas em cache.
- URLs que devem ser purgadas quando o conteúdo de uma página ou artigo é actualizado.
- Os fios de consulta que precisam de ser armazenados em cache.
Para todas estas configurações avançadas, é necessário especificar os recursos que pretende optimizar: URL, ID do cookie, cadeias de consulta.
7) O separador da Base de Dados
WP Rocket também apresenta uma optimização avançada da base de dados, pelo que não precisa de usar um plugin separado para isso, o que é sempre uma coisa boa quando se trata de segurança e desempenho. Nesta secção pode activar as seguintes definições:
- A funcionalidade Post Cleanup permite-nos remover permanentemente revisões de publicações, rascunhos automáticos e publicações eliminadas, o que é particularmente útil para blogs
- O limpador de comentários permite-lhe remover permanentemente o spam e eliminar comentários.
- Limpeza transitória: esta característica é realmente útil, uma vez que os transitórios podem realmente atrasar um website.
- Limpeza da base de dados.
- Finalmente, é possível estabelecer uma limpeza automática, que pode ser diária, semanal, ou mensal.
8) O separador CDN
O separador CDN permite-lhe ajustar as definições CDN (Content Delivery Network) para o seu website. Nesta secção pode :
- utilizar a própria rede de entrega de conteúdos da WP Rocket: RocketCDN. A taxa é de $7,99 por mês.
As vantagens deste CDN são múltiplas: configuração automática que nos permite evitar a configuração de parâmetros que por vezes são difíceis de compreender. O RocketCDN irá simplesmente aplicar a melhor configuração para aumentar a velocidade do nosso website.
O RocketCDN também nos poupa tempo: não há necessidade de procurar as melhores definições no painel de instrumentos do CDN. Em vez disso, introduzimos simplesmente um URL personalizado e o nosso site é imediatamente mais rápido.
Finalmente, o RocketCDN é alimentado por StackPath.
- O separador CDN também lhe permite activar o CDN da sua escolha (para além de Cloudflare ou Sucuri, estes são suportados pelo separador “Add-ons”). Os URLs dos ficheiros estáticos (imagens, Javascript e CSS) serão reescritos no CDN CNAME que especificar. É possível excluir URLs específicas de serem suportadas pelo CDN.
9) A aba “Heartbeat
Neste separador, pode controlar o WordPress Heartbeat API. Esta API permite que o navegador comunique automaticamente com o servidor. Nesta secção das definições do WP Rocket, pode:
- Activar o controlo dos batimentos cardíacos.
- Reduzir, remover a limitação, ou desactivar a actividade Heartbeat para: comportamento de backend, comportamento do editor de publicações, e comportamento de frontend.
O API executa um conjunto de tarefas num intervalo ou “tick” cada 15 a 60 segundos e utiliza o ficheiro admin-ajax.php no backend (painel de controlo), o editor editorial ou o frontend para realizar esta actividade. Muitos pedidos admin-ajax.php em alguns servidores podem causar sobrecarga ou alta utilização de CPU. Dependendo do alojamento web e do tipo de alojamento, esta sobrecarga pode levar a problemas de desempenho e eventualmente a suspensões de contas de alojamento web.
10) O separador Módulos Adicionais
Neste separador, estão disponíveis dois tipos de add-ons: add-ons que podem ser activados com um clique e, portanto, não requerem qualquer configuração, e add-ons que requerem autenticação.
Os módulos que podem ser activados com um clique são o Verniz e o módulo de compatibilidade WebP:
- O Verniz permite-lhe purgar a cache do Verniz cada vez que o plugin WP Rocket esvazia a sua própria cache, de modo a que o conteúdo oferecido aos utilizadores da Internet esteja sempre actualizado.
- A configuração “compatibilidade WebP” permite-nos criar um ficheiro de cache separado, caso utilizemos este formato de imagem através de um plugin específico para WordPress.
Os módulos que requerem autenticação são Cloudflare e Sucuri :
- O add-on Cloudflare permite-lhe integrar a sua conta Cloudflare. Terá de fornecer o seu e-mail e a sua chave API Cloudflare.
- O suplemento Sucuri permite-lhe sincronizar a cache a partir da sua conta Sucuri. Terá de fornecer a sua “Firewall API key”.
11) O separador Optimização da Imagem
É aqui que pode instalar o plugin Imagify se quiser optimizar as suas imagens. Mais detalhes sobre a Imagify neste artigo.
12) O separador Ferramentas
- Configurações de exportação e importação: pode descarregar uma cópia das suas configurações, o que é particularmente útil quando necessita de gerir vários sítios WordPress. Basta clicar no botão da direita para descarregar o ficheiro.
- Rollback: permite reverter para a versão anterior do plugin.
13) Separador Tutoriais
É proposta uma série de vídeos sobre vários tópicos bastante úteis: como começar bem, como medir correctamente a velocidade do nosso website, como passar o teste Core Web Vitals, como verificar se o plugin está em cache no nosso site, aprender como funciona a pré-carga, como melhorar o LCP, como melhorar o IDF, como melhorar o CLS, como resolver alguns problemas de compatibilidade, como configurar o add-on Cloudflare…
Perguntas frequentes
Como instalar o WP Rocket?
1/ Vá para a sua conta WP Rocket depois de ter adquirido o plugin e descarregue o ficheiro ZIP:
2/ Clique no separador “Plugins” do seu painel de administração do WordPress:
3/ Clique em “Adicionar novo”:
4/ Clicar em “Upload Plugin”:
5/ Clicar em “escolher um ficheiro”:
6/ Clique em “instalar agora
7/ Espere alguns segundos para que a instalação termine, depois active o seu plugin:
O WP Rocket funciona com o Cloudflare?
WP Rocket é totalmente compatível com o CDN Cloudflare, com o qual trabalha em sinergia. A utilização do add-on Cloudflare não é um requisito na maioria dos casos, é apenas uma conveniência. Uma vez configurada correctamente a sua conta Cloudflare, ela estará activa para o seu site quer esteja ou não a utilizar o add-on WP Rocket.
O meu sítio web está avariado! O que devo fazer?
Por vezes, quando começa a alterar as definições no WP Rocket, pode notar imagens em falta ou outros problemas de visualização no seu site. Não se preocupe, estes problemas não são permanentes!
Quais são as alternativas ao plugin WP Rocket?
Aqui estão algumas alternativas: WP Super Cache, WP Fastest Cache, W3 Total Cache, LiteSpeed Cache, WP-Optimize,…
Qual é o melhor WP Rocket ou W3 Total Cache?
WP Rocket tem mais características de optimização de velocidade do que W3 Total Cache (limpeza de bases de dados, alojamento local Google Analytics, pré-carregamento de fontes, etc.). É por isso que geralmente dá melhores resultados em GTmetrix.
O WP Rocket é realmente indispensável?
Embora existam outros plugins de cache WordPress por aí, incluindo opções gratuitas, para quem quer um plugin WordPress que possa ser usado para acelerar o seu website sem ter qualquer conhecimento técnico, ou para aqueles que não querem fazer muitos ajustes por vezes complicados, vale definitivamente a pena investir no WP Rocket.
Com que servidores web é o WP Rocket plugin compatível?
O plugin é compatível com Apache, NGINX, Microsoft IIS, e LiteSpeed.
Como utilizar o WP Rocket num ambiente multisite?
Há alguns detalhes que deve considerar. Mais detalhes na documentação oficial.
Posso executar o WP Rocket nos domínios localhost e de encenação?
WP Rocket também funciona localmente. As instalações locais não contam como sítios para efeitos de licenciamento, embora possam aparecer na sua lista de sítios na página da sua conta WP Rocket. Mais detalhes aqui.
