Sites e sistemas rápidos, acessíveis, bem posicionados no Google e, o que é mais importante, fáceis de usar.

CSS e cache




Uma dica:

Durante o desenvolvimento, costumo usar:
@import url(estilo.css?<%=rnd%>);

Assim não tenho problemas com cache.

Depois que o site vai pro ar, coloco:
@import url(estilo.css?1);

Quando preciso fazer alguma alteração, mudo o número:
@import url(estilo.css?2);

Assim, quem costuma visitar constantemente o site não vai ficar com a versão antiga em cache.

Obviamente, você pode fazer a mesma coisa com PHP, Python, JSP, ColdFusion… Basta trocar rnd pela função de random da sua linguagem.

Adicionar esta notícia no Linkk

11 comentários para “CSS e cache”

  1. Vitor Says:

    Po élcio ! maneirissimo ter dado essa dica, eu sempre via isso.. mas nunca achei nada explicando o que era.. e qnt poder fazer isso em php tb.. ia ser legal.. mas tb não achei .. =X nem google =S.. como faria em php . .vc sabe ?
    vlw ! to adorando a nova fase do blog.. vários posts .. sempre atualizado.. parabéns =]

  2. Cosme Faé Mendonça Says:

    Faço as palavras do Vitor, as minhas. =]

  3. DeCo Says:

    Eu tb uso xD
    Não só pra isso, tb uso pra js e foto.
    Principalmente para avatar quando o cara pode fazer upload para trocar, então boto o timestamp da data de atualização :)

  4. Ricardo Says:

    Bom!
    Já estou pensando em fazer 3 css, num projeto que envolve mudanças temporárias… daí cada css seria carregado em horas diferentes do dia, mudando sutilmente a aparência da página, sabe, aquela coisa de user experience

    Legal isso de cache, hein ? :)

    Escrevi há uns dias algo mais básico pro pessoal.

    falouuu

  5. Sérgio Siegrist Says:

    Cabe observar que "não vai ficar com a versão antiga em cache" não corresponde completamente à realidade. Vai ficar com todas as versões em cache, mas somente a última versão é solicitada pelas páginas atualizadas e, portanto, somente ela é usada.
    A permanência em cache será conforme as regras do navegador.

  6. Evitando caching ao atualizar arquivos CSS | BrunoTorres.net Says:

    […] do automaticamente. Feito isso você pode apagar o arquivo estilo.css original. [update]A técnica do Élcio é bem mais simples, elegante e eficiente. Hoje em dia, é o que uso.[/update] G […]

  7. Diego Tolentino Says:

    eu uso assim
    echo ";

    dai nem preciso ficar me preocupando se atualizei o css o tal fica uma coisa mais automatica.

  8. Daniel Silva Says:

    Élcio, porque que acontece isso? Não entendi muito bem o porquê que faz o arquivo sempre ser carregado…. Pois se o arquivo não for atualizado o do cache vai ser usado? Ou SEMPRE é carrgado o arquivo?

  9. Micox Says:

    Elcio, vc é realmente um mestre.
    Comé que acha uma solução tão simples…

    Muito boa a sua solução.
    Para o pessoal do php que está com dúvida aí acima, o nome da função para geração de aleatórios no php é a mesma do asp: rand() - http://br.php.net/rand.

  10. Sylar Says:

    Considere-se um merda aquele que não consegue gerar números aleatórios na linguagem em trabalha!

    Esses novatos preguiçosos e sem neurônios alias não chamemos eles de: AMEBAS!

    Saudações!

  11. Lucas Says:

    >Considere-se um merda aquele que não consegue
    >gerar números aleatórios na
    >linguagem em trabalha!

    Considere-se um *****, pois esqueceu a palavra 'que' na frase acima!
    hahahaahahahahahaa

    Pros novatos:

    Bom trabalho Elcio, o blog está legal.

Deixe um comentário