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

Que tal ter acesso a um e-book gratuito que vai te ajudar muito nesse momento decisivo?

Ver ebook

Recomendado pra quem ainda não iniciou o estudos.

Eu quero
Ver ebook

Recomendado para quem está passando por dificuldades nessa etapa inicial

Eu quero

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

Aceitar