Como instalar e configurar o WP Rocket (com configurações recomendadas)

Não é frustrante quando você clica em um site, espera e espera pelo que parecem eras e clica no botão voltar por frustração. A verdade é que há muito pouco que incomoda os visitantes do site mais do que um site de carregamento lento e é aí que WP Rocket entra


Um estudo da Forrester Consulting afirma que “47% dos consumidores esperam que uma página da web seja carregada em dois segundos ou menos”.

O triste é que muitos proprietários de sites não percebem que um site de carregamento lento não apenas frustra as pessoas, como também pode afetar negativamente seus rankings do Google e afetar a receita final!

O bom é que existem maneiras de acelerar o tempo de carregamento de um site, especialmente se o site é alimentado por WordPress. Porque aqui eu vou orientá-lo sobre como começar WP Rocket (e sim, é um plug-in que eu uso para acelerar meu site).

como instalar e configurar o wp rocket com as configurações recomendadas

Aqui está o que você aprenderá neste post:

O que é o WP Rocket?

O WP Rocket é um plug-in premium de cache do WordPress, extremamente eficaz para acelerar o tempo de carregamento do seu site.

WP Foguete Cache Plugin

Planos e preços do WP Rocket:

  • US $ 49 / ano – 1 ano de suporte e atualizações para 1 site.
  • US $ 99 / ano – 1 ano de suporte e atualizações para 3 sites.
  • US $ 249 / ano – 1 ano de suporte e atualizações para sites ilimitados.

Ao contrário da maioria dos outros plugins de cache do WordPress, que são famosos por serem repletos de opções e configurações confusas. Aprenda mais sobre o WP Rocket e descubra quais são as melhores alternativas gratuitas para o WP Rocket.

1. Download & Instale o WP Rocket

Primeiro, vá para o Site do WP Rocket e compre o plugin WordPress.

Escolha o plano que melhor funciona para você e conclua as etapas necessárias para fazer seu pedido.

Em seguida, você receberá um e-mail com as informações de login em sua conta no wp-rocket.me. Vá e faça o login, e em “minha conta” você encontrará o link para download. Faça o download e salve o arquivo zip no seu computador.

baixar wp rocket

Em seguida, faça login no seu site WordPress e acesse Plugins -> Adicionar novo -> Carregar plug-in.

Basta fazer o upload e instalar a versão do arquivo zip do WP Rocket.

instalar wp rocket

Por fim, vá e ative o WP Rocket e o plug-in está agora instalado. yay!

2. WP Rocket Best & Configurações recomendadas

Agora é hora de configurar o WP Rocket conforme as configurações recomendadas.

Primeiro, vá para Configurações -> WP Rocket, e você será direcionado para a página de configurações do plugin. Existem 10 guias ou seções que você precisará definir e ajustar as configurações para:

  1. (aba padrão)
  • Bônus:
  • Bônus:
  • Bônus:
  • Bônus:

Agora, vamos definir as configurações recomendadas para o WP Rocket, para cada uma das 10 seções.

WP Rocket Dashboard

wp rocket dashboard

O Painel fornece informações sobre sua licença e quando ela expira. Você também pode optar por ser um Rocket Tester (programa de teste beta) e Rocket Analytics (permita que o WP Rocket colete dados anonimamente). Aqui você também encontra links para suporte e perguntas freqüentes sobre o WP Rocket.

No painel, você pode Remover todos os arquivos em cache (recomendado quando você terminar de definir as configurações do WP Rocket), Iniciar pré-carregamento do cache (gera um cache para sua página inicial e todos os links internos na página inicial) e Limpar OPcache Conteúdo (limpa o OPcahce, o que evita problemas quando você atualiza o plugin WP Rocket).

Configurações de cache do WP Rocket

configurações de cache do wp rocket

1. Habilite o cache para dispositivos móveis deve ser ativado, pois permite o cache de dispositivos móveis e torna seu site mais amigável para dispositivos móveis.

Selecione também Arquivos de cache separados para dispositivos móveis. Porque o cache móvel do WP Rocket funciona mais seguro com as duas opções ativadas. Em caso de dúvida, mantenha os dois.

2. Ative o cache para usuários logados do WordPress, é recomendável ativar somente quando você tem um site de associação ou semelhante quando os usuários precisam fazer login para ver o conteúdo.

3. Vida útil do cache é definido automaticamente para 10 horas e isso significa que os arquivos em cache são removidos automaticamente após 10 horas antes de serem recriados. Se você raramente atualiza seu site ou possui muito conteúdo estático, pode aumentar isso.

Salve e teste, completamente! Desative as configurações se notar algo quebrado no seu site.

WP Rocket CSS & Configurações de otimização de arquivos JS

Configurações de otimização de arquivos CSS e JS do WP Rocket

Minificando arquivos reduza o tamanho dos arquivos e melhore o tempo de carregamento. A minificação remove espaços e comentários de arquivos estáticos, permite que navegadores e mecanismos de pesquisa processem arquivos HTML, CSS e JavaScript com mais rapidez.

Combinando arquivos concatenará os arquivos em grupos menores para garantir a compatibilidade do tema / plug-in e melhor desempenho. No entanto, não é recomendável forçar a concatenação em apenas um arquivo único, porque os navegadores fazem o download mais rápido de até 6 arquivos menores em paralelo que 1-2 arquivos grandes.

A combinação de CSS e JS em menos arquivos é considerada uma prática recomendada no HTTP / 1, que não é necessariamente o caso do HTTP / 2. Se seu site for executado em HTTP / 2, aqui estão as coisas que você deve considerar ao .

1. Minimize arquivos HTML removerá espaços em branco e comentários para reduzir o tamanho das páginas da web em seu site.

2. Combine arquivos do Google Fonts reduzirá o número de solicitações HTTP (especialmente se você estiver usando várias fontes).

3. Remova as strings de consulta recursos estáticos pode melhorar a nota de desempenho no GT Metrix. Essa configuração remove a string de consulta da versão dos arquivos estáticos (por exemplo, style.css? Ver = 1.0) e a codifica no nome do arquivo (por exemplo, style-1-0.css).

4. Minimize arquivos CSS removerá espaços em branco e comentários para reduzir o tamanho dos arquivos da folha de estilo.

5. Combine arquivos CSS mescla todos os seus arquivos em apenas um arquivo, o que reduzirá o número de solicitações HTTP. Não recomendado se o seu site usa HTTP / 2.

Importante: Isso pode quebrar as coisas! Se você perceber algum erro no seu site depois de ativar essa configuração, basta desativá-lo novamente e seu site voltará ao normal..

6. Otimize a entrega de CSS elimina o CSS de bloqueio de renderização no seu site para obter um tempo de carregamento mais rápido. Isso significa que sua página começará a ser carregada sem estilos CSS e isso é algo que o Google PageSpeed ​​Insights leva em consideração ao “pontuar” a velocidade da página.

Caminho crítico CSS significa que sua página começará a ser carregada sem todos os seus estilos CSS. Isso significa que pode parecer um pouco estranho por alguns momentos durante o carregamento.

Isso é chamado de FOUC (flash de conteúdo não estilizado). Para evitar isso, você deve usar o que é chamado CSS de caminho crítico. Isso significa que o CSS do conteúdo na parte superior da página deve ser colocado diretamente no HTML para evitar o FOUC enquanto a página é carregada..

Para gerar o caminho crítico CSS, você pode usar esta ferramenta Critical Path CSS Generator.

7. Minimize os arquivos JavaScript remova espaços em branco e comentários para reduzir o tamanho dos arquivos JS.

8. Combine arquivos JavaScript combine o JavaScripts do seu site com menos arquivos, reduzindo as solicitações HTTP. Não recomendado se o seu site usa HTTP / 2.

Importante: Isso pode quebrar as coisas! Se você perceber algum erro no seu site depois de ativar essa configuração, basta desativá-lo novamente e seu site voltará ao normal..

9. Carregar JavaScript adiado elimina JS de bloqueio de renderização em seu site e pode melhorar o tempo de carregamento. Isso é algo que o Google PageSpeed ​​Insights leva em consideração ao “pontuar” a velocidade da página.

10. Modo de segurança para JQuery garante suporte para referências jQuery embutidas de temas e plugins, carregando o jQuery na parte superior do documento como um script de bloqueio de renderização.

Salve e teste, completamente! Desative as configurações se notar algo quebrado no seu site.

WP Rocket Media Settings

configurações de mídia de foguete wp

1. Imagens de carregamento lento significa que as imagens serão carregadas apenas quando elas entrarem (ou estão prestes a entrar) na janela de exibição, ou seja, só serão carregadas quando o usuário rolar a página. O carregamento lento reduz o número de solicitações HTTP, o que pode melhorar o tempo de carregamento.

(Às vezes, desabilito o carregamento lento de imagens, apenas porque, quando o carregamento lento é ativado, os links de ancoragem que apontam para uma posição abaixo de uma imagem carregada lentamente passam para a posição incorreta da página da web)

2. iframes de carregamento lento e vídeos significa que iframes e vídeos serão carregados apenas quando eles entrarem (ou estão prestes a entrar) na janela de exibição, ou seja, só serão carregados quando o usuário rolar a página. O carregamento lento reduz o número de solicitações HTTP, o que pode melhorar o tempo de carregamento.

3. Substitua o iframe do YouTube pela imagem de visualização pode melhorar significativamente o tempo de carregamento se você tiver muitos vídeos do YouTube em uma página.

O Lazyload pode ser desativado em páginas / postagens individuais (você encontra essa configuração na barra lateral da postagem / página)

4. Desativar Emoji deve ser desativado porque o emoji padrão do navegador dos visitantes deve ser usado em vez de carregar o emoji do WordPress.org. Desativar o cache de emoji reduz o número de solicitações HTTP, o que pode melhorar o tempo de carregamento.

6. incorporações de WordPress deve ser desativado porque impede que outras pessoas incorporem conteúdo do seu site, também impede que você incorpore conteúdo de outros sites e remove solicitações de JavaScript relacionadas às incorporações do WordPress.

Salve e teste, completamente! Desative as configurações se notar algo quebrado no seu site.

Configurações de pré-carregamento de foguetes WP

configurações de pré-carregamento do foguete wp

1. Pré-carregamento do Sitemap usa todos os URLs no mapa do site XML para pré-carregar quando a vida útil do cache expirar e todo o cache tiver sido limpo.

2. Sitemap XML do Yoast SEO. O WP Rocket detectará automaticamente os sitemaps XML gerados pelo plug-in Yoast SEO. Você pode verificar a opção de pré-carregar.

3. Bot de pré-carregamento só deve ser ativado e usado em servidores com bom desempenho. Uma vez ativado, ele é acionado automaticamente após você adicionar ou atualizar o conteúdo do seu site. Mude para Manual se isso estiver causando problemas altos de uso ou desempenho da CPU.

Quando você escreve ou atualiza uma nova postagem ou página, o WP Rocket limpa automaticamente o cache para esse conteúdo específico e qualquer outro conteúdo relacionado a ele. O bot de pré-carregamento rastreará esses URLs para regenerar o cache imediatamente.

4. Pré-buscar solicitações de DNS permite que a resolução de nomes de domínio ocorra em paralelo com (em vez de em série com) a busca do conteúdo real da página.

Você pode especificar hosts externos (como //fonts.googleapis.com & //maxcdn.bootstrapcdn.com) a ser pré-buscado, pois a pré-busca de DNS pode acelerar o carregamento de arquivos externos, principalmente em redes móveis.

Os URLs mais comuns para pré-busca são:

  • //maxcdn.bootstrapcdn.com
  • //platform.twitter.com
  • //s3.amazonaws.com
  • //ajax.googleapis.com
  • //cdnjs.cloudflare.com
  • //netdna.bootstrapcdn.com
  • //fonts.googleapis.com
  • //connect.facebook.net
  • //www.google-analytics.com
  • //www.googletagmanager.com
  • //maps.google.com

Salve e teste, completamente! Desative as configurações se notar algo quebrado no seu site.

Configurações avançadas de regras do WP Rocket

Configurações de arquivos estáticos do WP Rocket

Essas configurações são para gerenciamento avançado de cache, geralmente para excluir páginas de carrinho e check-out em sites de comércio eletrônico.

1. Nunca armazene em cache URL (s) permite especificar URLs de páginas ou postagens que nunca devem ser armazenadas em cache.

2. Nunca armazene em cache cookies permite especificar os IDs de cookies que, quando configurados no navegador do visitante, devem impedir que uma página seja armazenada em cache.

3. Nunca armazene em cache agentes do usuário permite especificar seqüências de caracteres do agente do usuário que nunca devem ver páginas em cache.

4. Limpe sempre os URLs permite especificar os URLs que você sempre deseja remover do cache sempre que atualizar qualquer postagem ou página.

5. Sequências de consultas em cache permite especificar cadeias de consulta para armazenamento em cache.

Salve e teste, completamente! Desative as configurações se notar algo quebrado no seu site.

Configurações do banco de dados WP Rocket

Configurações do banco de dados WP Rocket

Esta seção inclui várias configurações para limpar e otimizar o WordPress.

1. Pós-limpeza exclui revisões, rascunhos automáticos e postagens e páginas na lixeira. Exclua-os, a menos que você tenha versões antigas de postagens (ou postagens excluídas).

2. Comentários limpeza exclui spam e comentários na lixeira.

3. Limpeza de transientes exclui dados armazenados que gostam de contagens sociais, mas às vezes quando os transitórios expiram, eles permanecem no banco de dados e podem ser excluídos com segurança.

4. Limpeza do banco de dados otimiza tabelas em seu banco de dados WordPress.

5. Limpeza automática. Normalmente faço limpezas ad hoc, mas você também pode agendar o WP Rocket para executar limpezas automatizadas do seu banco de dados.

Idealmente, você deve fazer backup do seu banco de dados antes de executar uma limpeza, porque uma vez que a otimização do banco de dados foi executada, não há como desfazê-lo.

Configurações WN Rocket CDN

Configurações WN Rocket CDN

Usar uma rede de entrega de conteúdo (CDN) significa que todas as URLs de arquivos estáticos (CSS, JS, imagens) serão reescritas no (s) CNAME (s) que você fornece.

1. Ative a CDN. Habilite isso se você estiver usando uma rede de entrega de conteúdo. O WP Rocket é compatível com a maioria das CDNs, como Amazon Cloudfront, MaxCDN, KeyCDN (que estou usando) e outras. Saiba mais sobre como usar o WP Rocket com uma CDN

2. CNAME (s) da CDN. Copie o CNAME (domínio) fornecido pelo seu provedor de CDN e digite-o no CDN CNAME. Isso reescreverá todos os URLs dos seus ativos (arquivos estáticos).

3. Excluir arquivos permite especificar URLs de arquivos que não devem ser veiculados via CDN.

Salve e teste, completamente! Desative as configurações se notar algo quebrado no seu site.

Complementos para o WP Rocket (Cloudflare)

Complementos para o WP Rocket (Cloudflare)

O WP Rocket permite integrar sua conta do Cloudflare à função adicional.

1. Chave API Global. Você encontrará a chave da API no canto superior direito da sua conta do Cloudflare. Basta ir ao seu perfil e rolar para baixo e você verá sua chave de API global. Você só precisa copiar e colar isso no WP Rocket.

2. Email da conta. Este é o endereço de email que você usa para sua conta do Cloudflare.

3. Domínio. Este é o seu nome de domínio, por exemplo websitehostingrating.com.

4. Modo de Desenvolvimento. Ative temporariamente o modo de desenvolvimento em seu site. Essa configuração será desativada automaticamente após 3 horas. Isso é bom para quando você está fazendo muitas alterações no seu site.

5. Configurações ideais. Melhora automaticamente sua configuração do Cloudflare para velocidade, grau de desempenho e compatibilidade. Esta opção ativa as configurações ideais do Cloudflare.

6. Protocolo relativo. Só deve ser usado com o recurso SSL flexível do Cloudflare. URLs de arquivos estáticos (CSS, JS, imagens) serão reescritas para usar // em vez de http: // ou https: //.

WP Rocket Tools

WP Rocket Tools

1. Configurações de exportação permite exportar suas configurações do WP Rocket para usar em outro site.

2. Configurações de importação permite importar suas configurações WP Rocket pré-configuradas.

3. Reversão permite reverter para uma versão anterior, se uma nova versão do WP Rocket causar problemas para você.

Configurando o WP Rocket para HTTP / 2

HTTP / 2 é uma atualização para o HTTP que existe desde 1999 para gerenciar a comunicação entre servidores da web e navegadores. O HTTP / 2 abre caminho para carregamentos mais rápidos de páginas através de uma melhor compactação de dados, multiplexação de solicitações e outras melhorias de velocidade.

Muitos servidores e navegadores têm suporte para HTTP / 2, e a maioria dos hosts da Web, como SiteGround, agora suporta HTTP / 2. Este verificador HTTP / 2 informa se o seu site é capaz de usar HTTP / 2.

Se seu site é capaz de usar HTTP / 2, veja como você pode configurar o WP Rocket para ele.

Concatenar (combinar) todos os arquivos CSS e JS no menor número possível de arquivos não é a melhor prática para HTTP / 2 e WP Rocket recomenda que você não ativar concatenação de arquivo no .

Configurando o WP Rocket para HTTP / 2

O WP Rocket recomenda que você deixe essas duas caixas desmarcadas. Para mais informações, consulte este artigo no WP Rocket..

Como usar o WP Rocket com o KeyCDN

A configuração do WP Rocket com o KeyCDN é bastante direta. (FYI KeyCDN é a rede de entrega de conteúdo que eu uso e recomendo)

Primeiro, crie uma zona de recepção no KeyCDN. Em seguida, vá para e marque a opção Ativar rede de entrega de conteúdo.

como configurar o wp rocket com keycdn

Agora, atualize o campo Substituir nome do host do site por: “com o URL que você obtém do painel do KeyCDN (em Zonas > URL da zona para a zona de recebimento que você criou. O URL será semelhante a algo como: lorem-1c6b.kxcdn.com)

Como alternativa, e a opção recomendada, use um CNAME de sua URL preferida (por exemplo, https://static.websitehostingrating.com)

Quais hosts da web funcionam com o WP Rocket?

O WP Rocket é compatível com quase todos os hosts da web. No entanto, alguns, especialmente hosts WordPress gerenciados, podem não funcionar com o WP Rocket. Se o seu provedor de hospedagem não estiver listado aqui abaixo, isso não significa que não é compatível com o WP Rocket. A melhor maneira de ter 100% de certeza é entrar em contato com seu host e perguntar.

  • Kinsta: Kinsta suporta apenas o WP Rocket versão 3.0 e superior. O cache da página do WP Rocket é automaticamente desativado para evitar conflitos com o cache interno do Kinsta. Kinsta é um parceiro oficial do WP Rocket.
  • Motor WP: WP Rocket é o único plug-in de cache permitido no WP Engine. O WP Engine é um parceiro oficial do WP Rocket.
  • SiteGround: O WP Rocket é compatível com o cache estático, dinâmico e armazenado em cache do SiteGround. SiteGround é um parceiro oficial do WP Rocket.
  • Hospedagem A2: WP Rocket é totalmente compatível com A2 Hosting. Mas você deve instalar o WordPress em seu site antes de poder instalar o plugin WP Rocket. A2 Hosting é um parceiro oficial do WP Rocket.
  • WebHostFace: WebHostFace suporta (e é um parceiro oficial do) WP Rocket.
  • Savvii: Savvii suporta (e é um parceiro oficial do) WP Rocket.
  • FastComet: Oferece um pacote especificamente otimizado para WordPress e WP Rocket. FastComet é um parceiro oficial do WP Rocket.
  • Planos Bluehost gerenciados para WordPress: Bluehost gerenciado WordPress planeja configuração de verniz quebra a minificação do WP Rocket, então você deve desativar o verniz do Bluehost ou desativar a minificação do WP Rocket.
  • Hospedagem WordPress Cloudways: Ao usar a minificação do WP Rocket com o Varnish da Cloudways, é necessário criar uma regra de exclusão para o Varnish nas configurações do aplicativo Cloudways.
  • Volante: Você deve entrar em contato com o suporte do Flywheel e solicitar a ativação do WP Rocket.
  • Planos de WordPress gerenciado pelo HostGator: WP Rocket não é permitido na hospedagem HostGator Managed WordPress.
  • Síntese: W3 Total Cache vem pré-instalado no Synthesis, mas pode ser excluído e substituído pelo WP Rocket.
  • WebSavers.ca: WebSavers.ca é um parceiro oficial do WP Rocket.

Leia mais sobre o host da web compatível com o WP Rocket em https://docs.wp-rocket.me/article/670-hosting-compatibility.

Faça o download do meu arquivo de configuração do WP Rocket

Facilitei a adição da mesma configuração WP Rocket que uso aqui no meu site. Basta baixar este arquivo de configuração do WP Rocket e importá-lo na seção Ferramentas do administrador do WP Rocket.

download grátis arquivo de configuração do wp rocket

Compre uma cópia do WP Rocket, baixe meu arquivo de configuração do WP Rocket e importe as configurações exatas que recomendo e uso neste site.

3. Ajuda do WP Rocket & Documentação oficial

Se, por um motivo ou outro, tiver problemas com o WP Rocket, existem muitas informações úteis disponíveis no site do WP Rocket. Lembre-se de que você também recebe 1 ano de suporte com sua compra.

wp rocket help

Aqui está uma lista dos tutoriais do WP Rocket que achei mais úteis:

  • Começando
  • Compatibilidade de hospedagem
  • Como verificar se o WP Rocket está armazenando em cache suas páginas
  • SSL com WP Rocket
  • WP Rocket com um CDN
  • WP Rocket Com Cloudflare
  • Resolver erro interno do servidor 500
  • Resolvendo problemas com minificação
  • Configuração NGINX para WP Rocket

Qual é a sua experiência com o uso do plug-in de cache WP Rocket para WordPress? Eu deixei de fora alguma informação crucial? Eu adoraria ouvir tudo sobre isso nos comentários abaixo!

Se você achou útil este tutorial de configuração do WP Rocket, compartilhá-lo sempre em redes sociais.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map