Instalando e configurando o W3 Total Cache

Post escrito por Yeltsin Lima

O plugin W3 Total Cache, bastante utilizado pelos “gigantes” internacionais, como Mashable e Noupe possui uma configuração bem simples e quase que automática. Além da função de cachê, ele também diminui em 80% o tráfego do site, com a compressão HTTP e o modo “minify” dos seguintes tipos de arquivos: HTML, CSS, Javascript e feeds RSS. Com isso, temos uma melhoria significativa no tempo de carregamento do site e o seu desenvolvimento preparado para “Ocioso e Ueba” da vida…

O melhor de tudo é que ele é compatível tanto com servidores dedicados, servidores virtuais dedicados, quanto com hospedagem compartilhada. Possui integração com CDN (como a Amazon) e tudo feito por um painel de controles bem simples e intuitivo. Pode não ser tão simples como o WP Super Cache ou similares mas, isso é por que ele tem um bônus: é mais do que uma simples ferramenta de cachê.

Primeiro, vamos baixar o plugin que se encontra disponível no repositório do WordPress. Ative o plugin. No meu caso, eu não precisei realizar as seguintes alterações mas, se for necessário, vou apenas informar. Coloque as permissões da pasta wp-content/ para 755. Se você tiver acesso SSH é possível realizar a alteração via linha de comando mas, caso não, basta realizar a alteração pelo seu programa favorito de FTP, recomendo o FileZilla.

# chmod 755 /var/www/vhosts/domain.com/httpdocs/wp-content/

Na aba “General”, selecione as configurações de cachê que você pretende realizar. Primeiro, se o modo de Preview estiver ativado, desative-o. Em Page Cache marque a opção Enable e selecione Disk (Enchanced) se a sua hospedagem for compartilhada (na maioria das vezes é). A opção Minify é opcional mas, é bastante interessante. Em alguns casos pode “destruir” o layout, por isso, use por sua conta em risco (desativando a opção, o layout volta ao modo original. Se quiser ativar para testar, isso não vai causar nenhum dano permanente).

O cachê de Banco de Dados (Database Cache) é muito útil também. Diminuindo o tempo de resposta do site. Você pode ativá-lo e selecionar a opção Disk. Também ative a opção Object Cache. A opção de Content Delivery Network só deve ser ativada se a sua idéia for usar uma CDN. O W3 possui suporte para os seguintes provedores de CDN:

  • Espelho
  • Espelho (MaxCDN / NetDNA)
  • Rackspace Cloud Files
  • Amazon CloudFront
  • Amazon Simple Storage Service (S3)
  • Self-Hosted

Preciso dizer que o Amazon Simple Storage Service é o mais recomendado? Acho que não, já que o Twitter, por exemplo, utiliza ele (no caso do Twitter, existe um “redirecionamento – CNAME” para o domínio do Twitter. No caso de uma imagem exibida pelo Twitter, é isso que temos: http://a0.twimg.com/a/1296099941/images/fronts/logo_withbird_home.png).

E por último ative a opção Browser Cache. Você pode optar por deixar uma mensagem de suporte ao plugin. Em alguns casos você precisará editar seu .htaccess para colocar as novas “regras”. Recomendo editar esses arquivos utilizando um editor HTML. O motivo é simples, até um “ENTER” a mais, pode provocar um erro 500, 503. Para isso, não se esqueça de fazer o backup antes de editar o seu arquivo .htaccess.

Configurações Avançadas

Primeiro vamos para as configurações do Page Cachê. As configurações ideais para essa página são as seguintes (isso pode variar de servidor para servidor):

  • “Don’t cache pages for logged in users” – Útil para o administrador testar mudanças sem precisar esvaziar o cachê toda vez.
  • “Cache home page” – Importante se a sua página inicial for a mais visitada.
  • “Cache feeds: site, categories, tags, comments” – Mesmo utilizando o FeedBurner isso é importante
  • “Cache 404 (not found) pages” – Reduz a velocidade de carregamento nas páginas 404.

Porém, toda vez que você realizar uma alteração é bom limpar o cachê na opção “Empty Cache“. Agora as configurações do Minify. Ative as seguintes opções:

  • Rewrite URL structure
  • Automatic upload modified files

As opções para “minimizar” o HTML e outros arquivos são as seguintes (vou colocar o nível da possibilidade de erros ao lado):

  • HTML (marque todas as opções). Existe uma maior chance de dar erros com as seguintes opções:
    • Inline CSS minification
    • Inline JS minification
    • Line break removal
  • Javascript (apenas marque a opção: Enable). As outras opções possuem um risco muito alto de exibirem erro. Na opção JS File management, marque o tema ativado no site.
  • CSS (apenas marque a opção: Enable). As outras opções possuem um risco muito alto de quebrarem o layout. Na opção CSS File Management, marque o tema ativado no site.

Nas configurações do Browser Cache vamos extender um pouco mais. Ative as seguintes opções:

  • Set expires header – Serve para “forçar” o navegador a colocar os arquivos em cachê
  • Set cache control header
  • Set entity tag (eTag)
  • Set W3 Total Cache header
  • Enable HTTP (gZip) compression
  • Do not process 404 errors for static objects with WordPress

Em Cascading Style Sheets & Javascript, ative todas as opções. E em “Cache Control Policy” selecione a opção: “cache with validation“. A mesma coisa se repete em HTML e Media & Other Files.

Em nosso outro tutorial, iremos ensinar: “Instalar e configurar uma CDN (Amazon S3) com o W3 Total Cache”. Aguardem.

 Instalando e configurando o W3 Total Cache

Artigo por Yeltsin Lima

Curso o primeiro período de Publicidade & Propaganda na Faculdade Integradas Barros Melo (AESO), sou colaborador do Meio Bit e fundador do DicasWP.

8 Comentários
  • Bruno Gall disse:

    Nossa! Ele é demais, mas só acho que ele tem um problema, é complicado para configurar em compensação das outras, ele é muito melhor.

  • Wesley Ursão disse:

    Olá Yestlin,

    Muito boa essa sua dica, muito obrigado por esse post veio em uma hora certa, consegui configurar ele direitinho e meu site está voando hehehhh. É bem melhor que o WP Super Cache.

    Parabéns pelo blog, ja assinei Feed RSS e to sempre por aqui.

    Abraços.

  • claudio disse:

    Perfeito este Tutorial, me ajudou e muito a configurar o Plugin, deixo o meu muito obrigado e um abraço !!

  • Flavio Paulino disse:

    Estou tendo problemas, depois que instalei este plugin meu site não acessa mais com www só sem.

  • Deixe um comentário

    Conecte-se com uma das redes abaixo:

    Você pode fazer o Login ou se registrar para ganhar pontos. :-)

    300x250cirlclesnewptpng
    '
    • Premium Themes
    • Premium resources for designers

    Selo peixe Grande 2011

    Junte-se a galera!

    Tweets Recentes

    Enquete

    O que você achou do novo visual?

    Ver Resultados

    Loading ... Loading ...