Descubra o cache/Expires Head

11 Junho 2009 Escrito por Gonçalo Martins

As páginas de Internet estão cada vez a ficar mais ricas em termos visuais, cada vez possuem mais scripts, ficheiros externos, ou até mesmo flash. Um visitante que aceda à sua página pela primeira vez pode ter que realizar vários pedidos HTTP, no entanto se utilizar um cabeçalho que indique o prazo de expiração (Expires headers) dos elementos do seu site, no cache do browser do visitante, estes pedidos HTTP já não voltam a ser realizados na segunda página que o visitante aceder.

Isto impede pedidos HTTP desnecessários de serem realizados, nas páginas subsequentes do seu web site. Os expires headers são utilizados mais frequentemente com imagens, no entanto devem ser utilizados em todos os elementos da sua página de Internet.

Um exemplo de como modificar o seu .htaccess para adicionar expires headers aos seus ficheiros:

<IfModule mod_expires.c>
    ExpiresActive on
    ExpiresDefault A600
    ExpiresByType image/gif "access plus 1 day"
    ExpiresByType image/jpeg "access plus 1 day"
    ExpiresByType image/png "access plus 1 day"
    ExpiresByType image/x-icon "access plus 1 day"
    <FilesMatch "\.(php|php4)$">
        ExpiresByType text/html "now"
    </FilesMatch>

</IfModule>

O exemplo anterior coloca o site com 10 minutos de cache para todos os elementos excepto para as imagens que passam a "ficar" 1 dia no cache do browser e os ficheiros .php que não permanecerão em cache.

Outras configurações possíveis variam nas datas de expiração que podem ser alteradas e também nos ficheiros:

ExpiresDefault "access plus 1 month"
ExpiresDefault "access plus 4 weeks"
ExpiresDefault "access plus 30 days"
ExpiresByType text/html "access plus 1 month 15 days 2 hours"
ExpiresByType image/gif "acess plus 5 hours 3 minutes"

Para verificar se as alterações surtiram efeito no seu website pode utilizar o serviço disponivel em ircache.net. Se quizer mais informações sobre o assunto pode consultar o seguinte tutorial em inglês.

Lembre-se que quando utiliza expires headers nos seus elementos, e os modifica o browser pode servir ainda os elementos anteriores à modificação, até que o tempo de expiração passe. A não ser que force o seu browser a efectuar um reload da página ou apague o cache. É por esta razão que só deve activar os expires headers em sites que não estejam em desenvolvimento.

Esta é uma excelente técnica para poupar o tráfego do seu servidor.

10 - Pré-Loading, o que é, como utilizar?;
11 - Atrase o load de ficheiros (Pós-Loading);
12 - PHP Flush, como e porque?;
13 - Use links da maneira correcta;
14 - ETags, quando podem ou não ser uteis!;
15 - Publicidade, uma forma de matar a performance! Soluções?;
16 - Javascript o porque do Google APIS / YUI;
17 - Google Analytics - Aumente o desempenho;
18 - Exemplo prático de implementação;
Subscreva o Feed RSS! Não perca nenhum artigo!

Outros artigos desta série:
0 - Ferramentas para medição de desempenho;
1 - Utilize correctamente imagens no seu website;
2 - O poder da compressão;
3 - Optimize o seu Javascript;
4 - O poder das CDN (Content delivery Network);;
5 - Http Requests (Pedidos Http);
6 - Junte os seus ficheiros CSS e Javascript;
7 - Descubra o cache/Expires Head;
8 - W3C o que é?;
9 - Load Dinamico / Compreenda o funcionamento dos protocolos web;



ricardo dias Junho 12, 2009	Boa dica! Já tinha andado a estudar uma maneira simples de fazer isto, mas esta foi a mais fácil que vi. Basta copiar o código...


Claudio Junho 14, 2009	Excelente artigo. Os meus sites começaram a a ser bem mais rápidos à segunda página. E tal como diz, desde ontem que notei uma redução ligeira de brandwitch, com as mesmas pageviews

Descubra o cache/Expires Head

Artigos Relacionados

Nuvem de Tags