Desativando o cache seletivamente para desenvolvimento no Chrome

Question

Existe alguma maneira de desativar o cache no Google Chrome apenas para certos aspectos, de forma que as imagens, por exemplo, permaneçam em cache, mas o markup / js / css não o faça?

Estou trabalhando em um aplicativo bastante gráfico e as imagens quando não são armazenadas em cache adicionam um bom meio segundo ao tempo de carregamento da página, o que é um problema se você precisar atualizar constantemente para testar alterações de código e desnecessárias se essas imagens não mudarem com tanta frequência quanto o html / js / css.

    

Answer 1

nos seus servidores web .htaccess put

 <FilesMatch "(?i)^.*\.(js|css)$">
    ExpiresActive On
    ExpiresDefault 0
 </FilesMatch>

Isso deve garantir que os arquivos JS e CSS não sejam armazenados em cache pelo seu navegador.

Em seguida, você também deve usar o recurso mod_pagespeed ExtendCache no servidor da Web. Isso permitirá que suas imagens sejam enviadas com as informações corretas do cabeçalho.

Uma vez que isso é feito no seu servidor de desenvolvimento (ou o que quer que seja) os arquivos CSS / JS devem ser baixados novamente em cada carregamento da página, mas as imagens só serão baixadas novamente se forçadas. Além disso, verifique se o tamanho do seu cache local é bom e grande nas Preferências do Chrome (você também pode simplesmente desativar as imagens aqui, que é o que eu faria)