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?
Tiago Dias

Tiago Dias

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

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.
Responder

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar