Vimos na postagem anterior que reduzir o número de requisições ao protocolo HTTP ajuda e muito na otimização, também demos uma olhada no minify que diminui o tamanho dos arquivos JS e CSS. Hoje irei falar sobre Cache e seus “poderes” sobre o carregamento de uma página.

Leia o post anterior : Otimização de site – parte I. Depois de ter lido a primeira parte você conseguira acompanhar a série e fára uma otimização ainda melhor.

O que é cache?

” Na área da computação, cache é um dispositivo de acesso rápido, interno a um sistema, que serve de intermediário entre um operador de um processo e o dispositivo de armazenamento ao qual esse operador acede. A vantagem principal na utilização de uma cache consiste em evitar o acesso ao dispositivo de armazenamento – que pode ser demorado -, armazenando os dados em meios de acesso mais rápidos “.

(fonte wikipédia).

Quais são suas vantagens?

Quando o usuário “abre” a sua página ele baixa todos os arquivos ali presentes, e a cada nova requisição “abertura” ele faz isso novamente, para fazermos com que o navegador baixe estes arquivos apenas uma vez, utilizamos o Cache, gostou da idéia?

Os navegadores mais recentes já fazem isso para diminuir o número de requisições HTTP, mas usando a técnica que mostrarei abaixo você irá dizer a ele quanto tempo estes arquivos podem ficar em cache.

Como usar o cache?

O uso do cache é muito simples, para fazermos a configuração no servidor Apache precisamos adicionar a seguinte linha:

ExpiresDefault "access plus 1 monthly"

Adicionando a linha, teremos que o acesso default (Padrão) será possível durante um mês, com isso conseguimos que todos nossos arquivos devem ser armazenados em cache durante um mês depois daquela requisição.

Como especificar arquivos para cache?

Para especificar os tipos de arquivos a serem armazenados temos que adicionar as seguintes linhas:

ExpiresActive On
ExpiresByType image/jpeg "access plus 1 monthly"
ExpiresByType text/css "access plus 1 monthly"
ExpiresByType image/png "access plus 1 monthly"

Com isso dizemos ao navegador que os arquivos de imagem do tipo JPEG E PNG devem ser armazenados em cache durante um mês, juntamente com os arquivos de estilo CSS.

Existe algum programa que retire estes arquivos do cache?

Sim, programas do tipo Ccleaner, MV RegClean removem todos os arquivos de cache, do computador.

Atualizei meu arquivo css e agora?

Para a atualização de arquivos do tipo css, javascript etc… a solução é bem simples, você só tem que renomear este arquivo para uma versão como por exemplo 1.0, 1.1 , fazendo isso quando o usuário entra no seu site, ele não tem aquele arquivo armazenado em cache e assim ele terá que baixa-lo.

Onde coloco estas configurações?

Para que isto funcione, você tem que criar um arquivo com o nome .htaccess ele é um arquivo oculto que fica na pasta raiz do seu servidor, caso você não entenda muito do assunto, entre em contato com seu suporte e peça para eles adicionarem as linhas acima em seu arquivo .htaccess.

Bom pessoal essa é a dica de hoje, peço minhas sinceras desculpas por não ter atualizado o blog diariamente, mas estou com muitos trabalhos, e arranjar tempo no momento está sendo difícil.

Deixe sua opinião aqui ela é muito importante para mim e para outros que visitem o blog e querem ver a opinião de outras pessoas .

Recomendo que leia também

• 
  Otimização de site parte IV
• 
  6 Coisas que todo web designer deve ter
• 
  Plugins Firefox essênciais para web designers