Configurar um domínio cookieless

Quinta-feira, 18 de Novembro, 2010 | 4 comentários

Estou há mais de 1 ano sem postar nada aqui. As justificativas (ou nem isso) são várias. Mas sem muitas delongas, vamos ao que interessa.

Estive usando o Page Speed e outros analisadores para otimização num projeto, e muitos deles falam em servir arquivos estáticos através de um domínio cookieless. Os ganhos de performance com isso pode surpreender você, a depender do tamanho do seu projeto.

Otimizando a requisição de arquivos estáticos

O amigo Daniel França já havia comentado sobre como otimizar requisições de arquivos estáticos, habilitando compressão e cache via .htaccess, tais como imagens (JPG, PNG, GIF, etc.) e textos (TXT, JS, HTML, CSS, etc.).

Abaixo um outro exemplo com tempo de expiração de 1 ano, compressão e otimização:

# Turn on Expires
ExpiresActive On
ExpiresDefault "access plus 366 days"
 
# Speed up caching
FileETag MTime Size

# Set up 1 year caching and specific cache-control for text files
<FilesMatch "\.(js|css|ico|txt|htm|html)$">
ExpiresDefault A31536000
Header append Cache-Control "proxy-revalidate"
</FilesMatch>
 
# Set up 1 year caching for media files
<FilesMatch "\.(gif|jpg|jpeg|png|swf|flv|pdf)$">
ExpiresDefault A31536000
Header append Cache-Control "public"
</FilesMatch>

# Active deflate for text files
<FilesMatch "\.(js|css|ico|txt|htm|html|php)$">
SetOutputFilter DEFLATE
</FilesMatch>

AddOutputFilterByType DEFLATE text/html text/plain text/xml application/x-javascript text/css text/javascript

Mas ainda falta remover os cookies...

Além de otimizar a requisição, eu precisava deixar o domínio de arquivos estáticos sem gerar cookies. Pesquisando, cheguei a essa solução via .htaccess, basta acrescentar as linhas:

Header unset Cookie
Header unset Set-Cookie

Pronto. Você já possui um domínio cookieless :-)