Melhorando o tempo de carregamento do seu site WordPress

Post escrito por Yeltsin Lima

Você tem um blog com muitas visitas e está notando uma demora no carregamento do seu site? Essa dica é pra você. Primeiro, instale o W3 Total Cache. Agora crie uma conta na Amazon Web Services. Sim, utilizaremos o recurso de CDN - Content Delivery Network, para a melhorar o tempo de carregamento do seu site.

Page Cache

O cachê da página serve para diminuir o tempo de carregamento do seu site, colocando suas páginas em cachê (é a função básica de um plugin de cachê). O método padrão é o Disk (enhanced). Isso é o padrão para hospedagens compartilhada. Se o servidor for dedicado ou dedicado virtual é o Opcode: eAccelerator.

Opções para ativar do Page Cache

Lembre-se de ativar as seguintes opções: Don’t cache pages for logged in users (permitindo que não seja feito o cachê para usuários logados), Cache Home page (faz o cache da página inicial), Cache feeds: site, categories, tags, comments (faz o cachê do feed do site, do feed das categorias, das tags e dos comentários) e Cache 404 (not found) pages (faz o cachê das páginas de erro 404).

Minify

O Minify diminui o seu código, comprimindo todos os arquivos. Muito cuidado no uso desse plugin, ele pode quebrar seu tema e/ou os plugins instalados. O melhor modo de se colocar é no Auto, no método Disk, com o HTML minifier em Default (apesar do HTML Tidy também ser bom), o JS em JSmin e o CSS em Default.

Opções para ativar do Minify

Ativando a opção de Rewrite URL structure ele permite que plugins e CSS peguem os endereços “minificados” e não os endereços “feios”, Disable minify for logged in users permite a desativação do Minify para usuários logados. Ative todas as opções abaixo:

Configurações de HTML/XML
  • Enable;
  • Inline CSS minification;
  • Inline JS minification;
  • Don’t minify feeds.
Javascript
  • Enable;
  • Combine only after <head>;
  • Combine only after <body>;
  • Combine only before </body>.
Cascading Style Sheets
  • Enable;
  • Combine Only.

Database Cache

Permite a redução do tempo de carregamento do seu site, realizando o cachê dos artigos, páginas e feed, reduzindo também o seu tempo de criação. Configuração: Default.

Object Cache

Acho melhor ativar apenas se a opção de Database Cache não puder ser ativada. É recomendado para sites muito dinâmicos que usem a API de cachê de objetos. Deixe desmarcado.

CloudFare

Apesar de ser um recurso gratuito, não me sinto bem em ter meu DNS passando por um segundo site. Além de proteger o site, ele reduz o tempo de carregamento do site. Acho interessante, mas prefiro usar o DNS próprio. Deixe desmarcado.

Varnish

Ótimo sistema de cachê, inclusive utilizado e contribuido pela equipe de desenvolvimento do Facebook. Apesar disso, acho a sua configuração um tanto complicada. Por ora, deixemos desativada.

Content Delivery Network

Ative em Enable. Tipo de CDN: Amazon CloudFront através de Mirror. O Push CDN serve na verdade como um segundo servidor, em que o usuário (através das configurações do W3 Total Cache) monta um servidor responsável por “capturar” todos os seus arquivos manualmente, ao invés do usuário realizar essa transferência manualmente, o plugin é que realiza. O Pull CDN pega os arquivos automaticamente e “mascara” com o endereço da CDN, apesar de ser mais lenta, é bem fácil de ser customizada e não exige muitas configurações.

As diferenças entre o Amazon CloudFront e o Amazon Simple Storage Service (S3) são as seguintes (as principais): a primeira não possui suporte a HTTPS, enquanto o S3 possui; S3 suporta apenas 1 CNAME enquanto o CloudFront suporta até 10 diferentes. A diferença também está no preço, que é muito pequena, mas ainda assim uma diferença. Enquanto o S3 é cobrado: espaço em disco + transferência, o Amazon CloudFront só cobra a transferência, visto que, os arquivos continuam em seu servidor. O valor médio é: 0.140 por GB no primeiro TB de espaço e é de graça até 1TB (o primeiro TB), depois passa a custar 0.120 por GB, até 10TB (valor para o Amazon S3, o preço reduz, por GB, de acordo com o tamanho do uso mensal). Já no CloudFront paga-se apenas 0.120 por GB pelos primeiros 10TB.

Criando uma Amazon CloudFront

Feito o login no AWS Management Console, clique em Amazon CloudFront, agora em Create Distribution, selecione Custom Origin e digite exatamente o endereço do seu site, exemplo: www.dicaswp.com.br. Deixe as outras configurações em padrão. O Delivery Method é o Download (padrão). Clique em Continue. E clique em Continue novamente.

Opções para ativar do Content Delivery Network:

General
  • Host attachments;
  • Host wp-includes/ files;
  • Host theme files;
  • Host minified CSS and JS files;
  • Host custom files;
  • Import external media library attachments.
Configuration

Onde pegar a tal Access Key ID? Eu não sei. Mentira. Siga os passos seguintes: faça login no AWS Management Console. Agora vá em Account. E entre em Security Credentials. Pegue o seu Access Key ID e clique em Show Secret Access Key ele é a sua “senha” e não deve ser exibida para ninguém. Insira esses dois dados no plugin. Lembrando que o Access Key ID deve estar ativo (se não tiver, clique em Make Active).

Você pode mascarar sua URL “feia” com um CNAME. Como asism? No meu caso, minha URL “feia” é: http://d7dvbnoptrw1n.cloudfront.net/. Você pode transformar isso em: http://cdn.dicaswp.com.br/ ou qualquercoisa.dominio.com.br basta acessar seus produtos e clicar em Amazon CloudFront. Selecione a sua CloudFront criada e clique em Edit. Agora vá em CNAME e digite o endereço que você deseja que seja o “mascarado”, no meu caso foi cdn.dicaswp.com.br, no seu caso pode ser i.seusite.com.br, ou o que você quiser. Salve.

Agora vá em sua hospedagem ou no seu provedor de domínios e coloque a seguinte opção na área de registros DNS e coloque assim (lembrando que o campo abaixo é um exemplo):

d7dvbnoptrw1n.cloudfront.net CNAME cdn.dicaswp.com.br

Dúvidas? Deixem um comentário :-)

 Melhorando o tempo de carregamento do seu site WordPress

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.

3 Comentários
  • Marcos Costa disse:

    Parabens Yeltsin, me ajudou um monte com seu tutorial! Simples e eficaz!!!

    Marcos Costa

  • Bert disse:

    Olá, vi o Amazon CloudFront e vi que só tinha pros EUA, Europa, Asia e Japão. Isso funciona no Brasil?

  • Deixe um comentário

    Conecte-se com uma das redes abaixo:

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

    300x250yellow4ptpng
    '
    • 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 ...