{"id":2774,"date":"2014-07-30T14:15:40","date_gmt":"2014-07-30T14:15:40","guid":{"rendered":"http:\/\/www.deuzebranaweb.com.br\/?p=2774"},"modified":"2014-07-30T14:15:40","modified_gmt":"2014-07-30T14:15:40","slug":"habilitando-e-configurando-cache-no-apache-mod_expires","status":"publish","type":"post","link":"https:\/\/blog.deuzebranaweb.com.br\/index.php\/2014\/07\/30\/habilitando-e-configurando-cache-no-apache-mod_expires\/","title":{"rendered":"Habilitando e configurando Cache no Apache (mod_expires)"},"content":{"rendered":"

Ol\u00e1 a todos, no nosso \u00faltimo post, ensinamos como configurar a compress\u00e3o da resposta do servidor aos usu\u00e1rios, diminuindo bastante o conte\u00fado de textos, como html, css e javascript. Desta vez o post ser\u00e1 para ensinarmos o melhor jeito de se implementar o gerenciamento de cache, fazendo com que os navegadores guardem certos arquivos por uma data especificada pelo servidor, evitando assim um enorme tr\u00e1fego de rede desnecess\u00e1rio e aumentando muito a velocidade de carregamento da p\u00e1gina.<\/h3>\n
\n

Aproveitar a funcionalidade de cache dos navegadores consiste em definir uma data de validade nos cabe\u00e7alhos HTTP para recursos est\u00e1ticos, instruindo o navegador a carregar os recursos baixados anteriormente a partir do disco local, n\u00e3o atrav\u00e9s da rede.<\/p>\n

Todo administrador de redes, sabe que a tend\u00eancia \u00e9 que os sites sejam cada vez mais din\u00e2micos e ricos em conte\u00fado, mas toda essa interatividade e riqueza de conte\u00fado tem um pre\u00e7o, alto tr\u00e1fego de rede. Quando algu\u00e9m acessa o seu site, diversos arquivos s\u00e3o baixados, como textos, imagens, css, javascripts. Para impedir todos esses downloads novamente \u00e9 que surge a necessidade de se gerenciar o cache dos usu\u00e1rios.<\/p>\n

Indice<\/h3>\n
    \n
  • O que \u00e9 cache de navegador?<\/li>\n
  • Formas erradas de se implementar o cache de navegador<\/li>\n
  • Forma correta de se implementar o cache de navegador<\/li>\n
  • Habilitando mod_expires e mod_headers no Apache<\/li>\n
  • Testando a Configura\u00e7\u00e3o<\/li>\n
  • Conclus\u00e3o<\/li>\n<\/ul>\n

    O que \u00e9 cache de navegador?<\/h3>\n

    Antes de falarmos sobre as configura\u00e7\u00f5es do apache, devemos entender bem o que \u00e9 e como funciona o cache de arquivos pelo navegador. Pois bem, sempre que um usu\u00e1rio acessa o seu site, todo o conte\u00fado dispon\u00edvel na p\u00e1gina acessada pelo usu\u00e1rio, tais como imagens, arquivos css, arquivos javascript, arquivos xml e etc \u00e9 baixado para o seu computador, permanecendo em uma pasta no seu disco r\u00edgido. Assim, quando o usu\u00e1rio entrar no seu site novamente, ele poder\u00e1 ou n\u00e3o baixar todo o conte\u00fado novamente, vai depender das configura\u00e7\u00f5es de cache do navegador dele, e do seu servidor http.<\/p>\n

    Ent\u00e3o cache \u00e9 o ato de salvar os dados em um local para r\u00e1pido acesso, n\u00e3o precisando ir busc\u00e1-lo na fonte original (servidor http). Assim sendo, a partir do primeiro acesso podemos instruir o navegador a guardar estes arquivos no disco r\u00edgido do usu\u00e1rio, e tamb\u00e9m podemos definir o tempo que este arquivo ficar\u00e1 armazenado. Assim, quando o usu\u00e1rio acessar o seu site novamente ou navegar por outras p\u00e1ginas, ao inv\u00e9s de precisar baixar toda a p\u00e1gina novamente, o navegador ser\u00e1 instru\u00eddo a buscar os conte\u00fados diretamente do Cache. Caso ele n\u00e3o tenha algo no Cache ou o tempo de perman\u00eancia tenha expirado, \u00e9 solicitado o arquivo em quest\u00e3o ao servidor do site.<\/p>\n

    Note que \u00e9 imensamente mais r\u00e1pido buscar conte\u00fado do cache, do que em servidores http, que geralmente se encontram em outros pa\u00edses e podem inclusive estar ocupados.<\/strong><\/p>\n

    Formas erradas de se implementar o cache de navegador<\/h3>\n

    Uma forma bem comum de tentar fazer isso, por\u00e9m extremamente inconsistente, \u00e9 usar as Meta Tags Expires, Pragma e Cache-control no cabe\u00e7alho do documento, na tentativa de determinar a data e a hora em que a p\u00e1gina expira e que os dados desta devem ser armazenados.<\/p>\n

     <!doctype html>  \n <html dir=\"ltr\" lang=\"pt-BR\">  \n <head>  \n <title>Lorindo.com<\/title>  \n <meta http-equiv=\"expires\" content=\"Tue, 05 Jan 2013 12:12:12 GMT\">  \n <meta http-equiv=\"cache-control\" content=\"public\" \/> <!-- reconhecida pelo HTTP 1.1 -->  \n <meta http-equiv=\"Pragma\" content=\"public\"> <!-- reconhecida por todas as vers\u00f5es do HTTP -->  \n<\/code><\/pre>\n
    Ou ent\u00e3o gerar cabe\u00e7alhos HTTP apartir de linguagens server-side, como o PHP ou Java.<\/p>\n
     <?php  \n header(\"Cache-Control: private, max-age=10800, pre-check=10800\");  \n header(\"Pragma: private\");  \n header(\"Expires: \" . date(DATE_RFC822,strtotime(\"30 day\")));  \n ?>  \n<\/code><\/pre>\n
    Esses m\u00e9todos podem at\u00e9 ser muito simples de serem implementados, talvez por isso sejam t\u00e3o usados, por\u00e9m j\u00e1 est\u00e3o obsoletos. At\u00e9 mesmo, porque \u00e9 muito mais simples configurar apenas um arquivo no servidor, do que configurar cada p\u00e1gina separada.<\/p>\n
    Forma correta de se implementar o cache de navegador<\/h3>\n
    A forma correta de se implementar e configurar o cache do navegador, \u00e9 adicionando configura\u00e7\u00f5es no arquivo httpd.conf do apache, desta forma \u00e9 poss\u00edvel especificar uma data de expira\u00e7\u00e3o para arquivos de imagem, javascript, css, m\u00eddias, pdf, flash e demais arquivos servidos pelo site.<\/p>\n
    Fazendo uma simples configura\u00e7\u00e3o, voc\u00ea consegue diminuir muito o tempo de carregamento da sua p\u00e1gina web, garantindo uma melhor performance e experi\u00eancia para os seus usu\u00e1rios.<\/p>\n
    Existem duas formas de se realizar Cache de navegador pelo servidor http:<\/p>\n
      \n
    1. Cabe\u00e7alho Expires: Com o cabe\u00e7alho expires \u00e9 poss\u00edvel determinar a expira\u00e7\u00e3o de um arquivo, colocando-o assim em Cache. Ele deve ser utilizado para navegadores que utilizam o protocolo HTTP 1.0 para a comunica\u00e7\u00e3o com o servidor.<\/li>\n
    2. <\/li>\n
    3. Cabe\u00e7alho Cache-Control: Com o cabe\u00e7alho Cache-Control \u00e9 poss\u00edvel determinar a expira\u00e7\u00e3o de um arquivo, colocando-o assim em Cache. Al\u00e9m disso \u00e9 poss\u00edvel determinar v\u00e1rios par\u00e2metros adicionais, como tornar o Cache p\u00fablico ou privado. Ele deve ser utilizado para navegadores que utilizam o protocolo HTTP 1.1 para a comunica\u00e7\u00e3o com o servidor.<\/li>\n<\/ol>\n
      Ap\u00f3s essa explica\u00e7\u00e3o das duas formas de controlar o cache, a d\u00favida geralmente \u00e9 sobre qual modo deve ser usado. Pois saibam que o correto \u00e9 usar os dois, definidos com os mesmos tempos de expira\u00e7\u00e3o, pois o navegador que trabalhar com o protocolo HTTP 1.0 utilizar\u00e1 o Expires, j\u00e1 os navegadores modernos que trabalharem com o HTTP 1.1, utilizar\u00e3o o Cache-Control.<\/p>\n
      Habilitando mod_expires e mod_headers no Apache<\/h3>\n
      A primeira coisa a ser feita para que o mod_expires e o mod_headers possam ser configurados, \u00e9 habilit\u00e1-los no arquivo httpd.conf, conforme figura 1 abaixo.<\/p>\n
      \"apache-windows-hablitando-mod-headers-mod-expires-httpd.conf\"
      \nFigura 1 – Habilitando o\u00a0mod_expires<\/strong>\u00a0e\u00a0mod_headers<\/strong>\u00a0no arquivo\u00a0httpd.conf<\/strong><\/p>\n
      Ap\u00f3s habilitar o mod_expires e o mod_headers, podemos come\u00e7ar enfim a configur\u00e1-los para que nossos clientes armazenem em cache o conte\u00fado est\u00e1tico do nosso site.<\/p>\n
      Configurando o mod_expires no Apache<\/h4>\n
      O mod_expires possui tr\u00eas diretivas principais, e s\u00e3o elas:<\/p>\n