O que seria aproveitar cache do navegador?
01/09/2017
0
Em algumas consultas feitas no pagespeed insight, vejo que normalmente eles apontam uma melhoria que mesmo com a explicação deles não consigo entender bem.
Aproveitar cache do navegador. Essa é a melhoria que eles sugestionam. Alguém pode me explicar o que seria exatamente isso?
Aproveitar cache do navegador. Essa é a melhoria que eles sugestionam. Alguém pode me explicar o que seria exatamente isso?
Tiago Dias
Curtir tópico
+ 0
Responder
Post mais votado
01/09/2017
O benefício de se utilizar o cache é que ao invés de você acessar alguma informação em outro lugar(API, Web Service) você salva as informações mais utilizadas localmente (cache) e na hora que você precisa dessa informação ao invés de buscar "fora" você pega essa informação localmente, agilizando o carregamento de sua página.
Interativa Sistemas
Responder
Mais Posts
27/09/2017
Aparecida Gonçalves
Olá Tiago,
tudo bem?
Esse artigo (https://betterexplained.com/articles/how-to-optimize-your-site-with-http-caching/) me ajudou a desenvolver o meu arquivo .htaccess.
Ele ilustra o comportamento das requisições feitas ao servidor e as respostas, bem como os códigos para definir datas em que os scripts, html, e até mesmo imagens expiram.
Segue um exemplo que pode ser adicionado no arquivo .htaccess, altere conforme suas necessidades.
# Ativando cache no navegador
# Um Ano para imagens png e ico
<filesMatch ".(png|ico)$">
Header set Cache-Control "max-age=31536000, public"
</filesMatch>
# Um Mês para imagens jpg, jpeg e gif
<filesMatch ".(jpg|jpeg|gif)$">
Header set Cache-Control "max-age=2628000, public"
</filesMatch>
# Um Ano para JavaScript
<filesMatch ".(js)$">
Header set Cache-Control "max-age=31536000, public"
</filesMatch>
# Uma semana para CSS
<filesMatch ".(css)$">
Header set Cache-Control "max-age=604800, public"
</filesMatch>
# Um Ano para fontes
<filesMatch ".(ttf|ttc|otf|eot|woff|woff2)$">
Header set Cache-Control "max-age=31536000, public"
</filesMatch>
ExpiresActive On
ExpiresDefault A0
# 1 YEAR - ico and png expires
<filesMatch ".(ico|png)$">
ExpiresDefault A31536000
</filesMatch>
# 1 YEAR - fonts
<filesMatch ".(ttf|ttc|otf|eot|woff|woff2)$">
ExpiresDefault A31536000
</filesMatch>
# 1 YEAR - javascript
<filesMatch ".(js)$">
ExpiresDefault A31536000
</filesMatch>
# 1 MONTH - other images
<filesMatch ".(jpg|jpeg|gif)$">
ExpiresDefault A2628000
</filesMatch>
# 1 WEEK - css
<filesMatch ".(css)$">
ExpiresDefault A604800
</filesMatch>
Espero ter colaborado!
Abraços,
Cida Luna.
tudo bem?
Esse artigo (https://betterexplained.com/articles/how-to-optimize-your-site-with-http-caching/) me ajudou a desenvolver o meu arquivo .htaccess.
Ele ilustra o comportamento das requisições feitas ao servidor e as respostas, bem como os códigos para definir datas em que os scripts, html, e até mesmo imagens expiram.
Segue um exemplo que pode ser adicionado no arquivo .htaccess, altere conforme suas necessidades.
# Ativando cache no navegador
# Um Ano para imagens png e ico
<filesMatch ".(png|ico)$">
Header set Cache-Control "max-age=31536000, public"
</filesMatch>
# Um Mês para imagens jpg, jpeg e gif
<filesMatch ".(jpg|jpeg|gif)$">
Header set Cache-Control "max-age=2628000, public"
</filesMatch>
# Um Ano para JavaScript
<filesMatch ".(js)$">
Header set Cache-Control "max-age=31536000, public"
</filesMatch>
# Uma semana para CSS
<filesMatch ".(css)$">
Header set Cache-Control "max-age=604800, public"
</filesMatch>
# Um Ano para fontes
<filesMatch ".(ttf|ttc|otf|eot|woff|woff2)$">
Header set Cache-Control "max-age=31536000, public"
</filesMatch>
ExpiresActive On
ExpiresDefault A0
# 1 YEAR - ico and png expires
<filesMatch ".(ico|png)$">
ExpiresDefault A31536000
</filesMatch>
# 1 YEAR - fonts
<filesMatch ".(ttf|ttc|otf|eot|woff|woff2)$">
ExpiresDefault A31536000
</filesMatch>
# 1 YEAR - javascript
<filesMatch ".(js)$">
ExpiresDefault A31536000
</filesMatch>
# 1 MONTH - other images
<filesMatch ".(jpg|jpeg|gif)$">
ExpiresDefault A2628000
</filesMatch>
# 1 WEEK - css
<filesMatch ".(css)$">
ExpiresDefault A604800
</filesMatch>
Espero ter colaborado!
Abraços,
Cida Luna.
Responder
Clique aqui para fazer login e interagir na Comunidade :)