{"id":1705,"date":"2022-08-31T22:16:29","date_gmt":"2022-09-01T01:16:29","guid":{"rendered":"https:\/\/kangaroo.host\/blog\/o-que-e-cache-como-e-deixar-site-rapido\/"},"modified":"2025-07-14T16:57:50","modified_gmt":"2025-07-14T19:57:50","slug":"o-que-e-cache-como-e-deixar-site-rapido","status":"publish","type":"post","link":"https:\/\/kangaroo.host\/blog\/o-que-e-cache-como-e-deixar-site-rapido\/","title":{"rendered":"Cache: como us\u00e1-lo para deixar seu site mais r\u00e1pido"},"content":{"rendered":"\n

Cache, otimiza\u00e7\u00e3o e velocidade s\u00e3o palavras comumente vistas quando falamos de sites, sobretudo aqueles que precisam escalar para ter melhor resultado em indexa\u00e7\u00e3o.<\/p>\n\n\n\n

Como um dos principais fatores para a indexa\u00e7\u00e3o, vamos falar um pouco mais sobre o cache, um \u00f3timo recurso que nos auxilia em muito na otimiza\u00e7\u00e3o dos sites.<\/p>\n\n\n\n

Afinal de contas, quanto mais r\u00e1pido o site, melhor a experi\u00eancia do cliente e, consequentemente, melhores suas rela\u00e7\u00f5es com os motores de busca.<\/p>\n\n\n\n

Para entender melhor como o cache funciona, para que serve e como configur\u00e1-lo, acompanhe o post at\u00e9 o fim, seu site agradecer\u00e1 muito!<\/p>\n\n\n\n

Sum\u00e1rio:<\/strong><\/p>\n\n\n\n

  1. Para que serve o cache?<\/a><\/li>
  2. O que \u00e9?<\/a><\/li>
  3. Est\u00e1tico vs Din\u00e2mico<\/a><\/li>
  4. Quais os tipos?<\/a><\/li>
  5. Como utilizar?<\/a><\/li>
  6. Conclus\u00e3o<\/a><\/li><\/ol>\n\n\n\n

    Para que serve o cache do site?<\/h2>\n\n\n\n

    Como dissemos em alguns outros artigos, a velocidade do site, atualmente, \u00e9 um dos principais fatores que influenciam na experi\u00eancia dos visitantes.<\/p>\n\n\n\n

    N\u00e3o apenas isso, mas sendo tamb\u00e9m uma m\u00e9trica fundamental para o ranqueamento do site por parte dos motores de busca.<\/p>\n\n\n\n

    Na pr\u00e1tica, isso significa que sites mais r\u00e1pidos tendem a ter vantagem na indexa\u00e7\u00e3o, fazendo com que sites mais r\u00e1pidos tomem a dianteira e sejam mostrados mais facilmente nas buscas.<\/p>\n\n\n\n

    Gra\u00e7as ao cache, \u00e9 poss\u00edvel obter resultados incr\u00edveis, podendo reduzir drasticamente o tempo de carregamento de diferentes tipos de site.<\/p>\n\n\n\n

    Para entender um pouco mais sobre a l\u00f3gica de funcionamento, continue conosco.<\/p>\n\n\n\n

    O que \u00e9 cache?<\/h2>\n\n\n\n
    \"\"
    Reprodu\u00e7\u00e3o: Banco de imagem<\/figcaption><\/figure>\n\n\n\n

    Em termos mais pr\u00e1ticos, \u00e9 seguro dizer que o cache \u00e9 como uma c\u00f3pia est\u00e1tica do conte\u00fado do seu site.<\/p>\n\n\n\n

    Sua principal fun\u00e7\u00e3o consiste em armazenar previamente uma c\u00f3pia est\u00e1tica de todo o conte\u00fado, o que permite um carregamento mais r\u00e1pido. Esse carregamento mais r\u00e1pido acontece porque ele carregar\u00e1 a c\u00f3pia da p\u00e1gina, e n\u00e3o o conte\u00fado original.<\/p>\n\n\n\n

    Com isso, seu site n\u00e3o s\u00f3 poupar\u00e1 o tempo de carregamento do visitante, como economizar\u00e1 bastante poder de processamento, pois a maioria das requisi\u00e7\u00f5es j\u00e1 estar\u00e1 pronta e carregada.<\/p>\n\n\n\n

    Como benef\u00edcio extra por poupar os recursos do servidor, isso possibilita lidar com um volume maior de informa\u00e7\u00f5es, fazendo com que o hardware do seu site \u201crenda\u201d mais.<\/p>\n\n\n\n

    Desse modo, voc\u00ea ter\u00e1 como resultado um site mais r\u00e1pido, mais leve, com um uso menor de recursos da sua hospedagem e, de quebra, poder\u00e1 receber um volume maior de acessos.<\/p>\n\n\n\n

    O cache \u00e9 uma ferramenta que pode ser implementada de diferentes formas, em diferentes frentes, com meio diferentes, mas sempre com a mesma finalidade de tornar o site mais \u00e1gil.<\/p>\n\n\n\n

    Imagine que \u00e9 praticamente como se seu site j\u00e1 estivesse pr\u00e9-carregado, reduzindo todo o processo de carregamento, agindo da seguinte forma:<\/p>\n\n\n\n

    O visitante acessa o site, que segue essa sequ\u00eancia: SERVIDOR > SITE > VISITANTE<\/em><\/strong><\/p>\n\n\n\n

    Enquanto um site sem cache faria a seguinte ordem: SERVIDOR > ARQUIVOS DO SITE > PROCESSAMENTO DO SITE > VISITANTE<\/em><\/strong><\/p>\n\n\n\n

    Como p\u00f4de ver, \u00e9 poss\u00edvel cortar uma parte do processo que resulta em um acesso muito mais r\u00e1pido.<\/p>\n\n\n\n

    Qual a diferen\u00e7a entre Cache Est\u00e1tico e Din\u00e2mico<\/h2>\n\n\n\n

    Antes de aplicarmos os ajustes ao site, \u00e9 necess\u00e1rio entender a diferen\u00e7a entre os tipos de recursos, s\u00e3o eles os est\u00e1ticos e os din\u00e2micos.<\/p>\n\n\n\n

    Requisi\u00e7\u00f5es est\u00e1ticas s\u00e3o imut\u00e1veis, pelo menos a longo prazo, e podem ter algumas nuances. Por exemplo: sua logo \u00e9 uma s\u00f3, e n\u00e3o muda com frequ\u00eancia.<\/p>\n\n\n\n

    Requisi\u00e7\u00f5es din\u00e2micas, por outro lado, variam com periodicidade, mesmo que n\u00e3o seja t\u00e3o r\u00e1pido. Por exemplo, o valor de um produto em uma loja virtual, ou ainda uma se\u00e7\u00e3o com \u00faltimas ofertas.<\/p>\n\n\n\n

    \u00c9 importante entender essas diferen\u00e7as para saber que isso pode impactar o seu site de formas diferentes quando o cache estiver configurado, visto que se for configurado de maneira que n\u00e3o se encaixe bem ao seu caso, o resultado pode n\u00e3o ser o esperado.<\/p>\n\n\n\n

    Pense que voc\u00ea tem uma loja e fez um cache com TTL (tempo de vida) de 1 m\u00eas. Agora, imagine que voc\u00ea atualizou os valores de diversos produtos e criou uma nova se\u00e7\u00e3o de itens em destaque, ou em promo\u00e7\u00e3o.<\/p>\n\n\n\n

    Se o seu cache n\u00e3o for renovado ap\u00f3s isso (seja manual ou automaticamente, de acordo com sua configura\u00e7\u00e3o), voc\u00ea pode perder muitas vendas em potencial, por n\u00e3o ter a configura\u00e7\u00e3o correta.<\/p>\n\n\n\n

    Ao passo que se seu site n\u00e3o sofre atualiza\u00e7\u00f5es regularmente, como um site institucional, n\u00e3o h\u00e1 grande necessidade de definir um TTL curto, j\u00e1 que n\u00e3o haver\u00e1 novidades com frequ\u00eancia.<\/p>\n\n\n\n

    Tipos de cache<\/h2>\n\n\n\n
    \"armazenamento
    Reprodu\u00e7\u00e3o: Banco de imagem<\/figcaption><\/figure>\n\n\n\n

    Cache de Servidor<\/h3>\n\n\n\n

    Essa \u00e9 a forma mais comum de cache. Armazenado no servidor, ele \u00e9 gerado pelo pr\u00f3prio site e independe do usu\u00e1rio administrador do site.<\/p>\n\n\n\n

    Dentro do cache de servidor, \u00e9 poss\u00edvel notar dois tipos diferentes: os que s\u00e3o gerados nativamente pelo servidor e aqueles oriundos de configura\u00e7\u00e3o externa no site.<\/p>\n\n\n\n

    Para os gerados pelo servidor, o processo \u00e9 autom\u00e1tico, na maioria dos casos. Tudo \u00e9 gerado pelo pr\u00f3prio sistema e independe do usu\u00e1rio.<\/p>\n\n\n\n

    J\u00e1 no caso daqueles configurados no site, na maioria das vezes, s\u00e3o feitos a partir de plugins, quando o site usa uma plataforma. Esses plugins podem ou n\u00e3o interagir com o cache nativo do servidor, como \u00e9 o caso do LiteSpeed Cache<\/a>.<\/p>\n\n\n\n

    Na Kangaroo<\/a>, usamos o LiteSpeed Web Server<\/a>, que conta com o LS Cache. Ele faz o sistema de ponta a ponta, permitindo que voc\u00ea configure o plugin do LiteSpeed dentro do seu site, pr\u00e9-configurado no PHP e no banco de dados.<\/p>\n\n\n\n

    \"O<\/figure>\n\n\n\n

    Desse modo, o cache do site interage diretamente com o sistema de cache do servidor, tornando o processo mais preciso, \u00e1gil e confi\u00e1vel.<\/p>\n\n\n\n

    Cache de Navegador<\/h3>\n\n\n\n

    A grande utilidade do cache no navegador do visitante \u00e9 ajudar a economizar ainda mais recursos no seu site em compara\u00e7\u00e3o ao que faria o cache comum.<\/p>\n\n\n\n

    Com ele, \u00e9 poss\u00edvel armazenar desde imagens e scripts, at\u00e9 p\u00e1ginas inteiras, o que deixa a conex\u00e3o do usu\u00e1rio ainda mais r\u00e1pida e evita o processamento de recursos est\u00e1ticos por parte do seu servidor.<\/p>\n\n\n\n

    O cache de navegador pode ser configurado de formas distintas, seja a partir de configura\u00e7\u00e3o no site, ou de par\u00e2metros definidos no servidor.<\/p>\n\n\n\n

    Quando configurado no servidor, s\u00e3o inseridas diretivas de configura\u00e7\u00e3o no arquivo .htaccess. que orientam por quanto tempo o navegador vai armazenar cada tipo de informa\u00e7\u00e3o.<\/p>\n\n\n\n

    J\u00e1 nas configura\u00e7\u00f5es via plugin, voc\u00ea far\u00e1 esse mesmo processo descrito acima, mas utilizando uma interface gr\u00e1fica.<\/p>\n\n\n\n

    Independentemente do meio utilizado para fazer a configura\u00e7\u00e3o, toda a configura\u00e7\u00e3o de diretiva sempre poder\u00e1 ser encontrada dentro do seu arquivo .htaccess, visto que \u00e9 um padr\u00e3o.<\/p>\n\n\n\n

    Desse modo, assim que o visitante abrir o site pela primeira vez, o cache armazenar\u00e1 automaticamente boa parte das requisi\u00e7\u00f5es est\u00e1ticas, para agilizar futuros acessos desse usu\u00e1rio.<\/p>\n\n\n\n

    Cache de CDN<\/h3>\n\n\n\n

    A vers\u00e3o de CDN faz um sistema comum, mas que armazena o conte\u00fado no pr\u00f3prio servidor da CDN. \u00c9 uma boa alternativa, caso o seu site ou o provedor n\u00e3o tenha uma forma nativa ou f\u00e1cil de configurar o sistema de cache.<\/p>\n\n\n\n

    Normalmente, ela vai utilizar cabe\u00e7alhos (temos um artigo explicando melhor sobre o assunto), para dizer ao navegador do usu\u00e1rio de que forma armazenar as informa\u00e7\u00f5es.<\/p>\n\n\n\n

    Nesses casos, h\u00e1 uma intera\u00e7\u00e3o diferente em rela\u00e7\u00e3o ao processamento das requisi\u00e7\u00f5es no site. Isso acontece porque s\u00e3o os servidores da CDN que processam toda a informa\u00e7\u00e3o, sendo uma alternativa para poupar recursos no seu servidor.<\/p>\n\n\n\n

    Contudo, por quest\u00f5es de compatibilidade, \u00e9 mais prudente n\u00e3o associar esse m\u00e9todo caso o seu site utilize alguma forma nativa ou outra configura\u00e7\u00e3o de cache.<\/p>\n\n\n\n

    Um dos CDNs mais comuns para esse fim \u00e9 o CloudFlare<\/a>, que oferece um plano gratuito que conta com cache, otimiza\u00e7\u00e3o do site, firewall (WAF), proxy, dentre outros.<\/p>\n\n\n\n

    Cache de objetos<\/h3>\n\n\n\n

    Esse \u00e9 um tipo muito especial, e n\u00e3o muito comum, dado o fato de sua aplicabilidade ser mais dif\u00edcil, pois depende de recursos mais espec\u00edficos dentro do servidor.<\/p>\n\n\n\n

    Assim como os outros tipos mais comuns, o cache de objetos \u00e9 respons\u00e1vel por armazenar previamente informa\u00e7\u00f5es do seu site.<\/p>\n\n\n\n

    Contudo, nesse caso, ele armazena consultas ao banco de dados, permitindo que as informa\u00e7\u00f5es podem ser acessadas sem que o site precise processar de novo tudo o que o banco j\u00e1 encontrou.<\/p>\n\n\n\n

    Se voc\u00ea pretende utilizar o cache de objetos para um site WordPress, fica aqui nossa recomenda\u00e7\u00e3o ao Redis, tamb\u00e9m dispon\u00edvel em nossos servidores.<\/p>\n\n\n\n

    Aplicando cache no site<\/h2>\n\n\n\n

    Sabendo como ele funciona, suas varia\u00e7\u00f5es e aplica\u00e7\u00f5es, voc\u00ea deve estar ansioso para come\u00e7ar otimizar seu site com esse recurso.<\/p>\n\n\n\n

    Pensando nisso, temos preparadas diversas dicas de como configurar e ajustar os par\u00e2metros do cache para seu site.<\/p>\n\n\n\n

    Sites sem plataforma<\/h3>\n\n\n\n

    Se seu site \u00e9 em HTML, PHP, ou outro que n\u00e3o utilize um sistema que possibilite integra\u00e7\u00e3o com cache, \u00e9 poss\u00edvel editar o seu arquivo .htaccess inserindo as diretivas abaixo, para que seja poss\u00edvel armazenar o conte\u00fado em cache:<\/p>\n\n\n\n

    <IfModule mod_expires.c><\/p>

    ExpiresActive On<\/p>

    # Imagens<\/p>

    ExpiresByType image\/jpeg “access plus 1 year”<\/p>

    ExpiresByType image\/gif “access plus 1 year”<\/p>

    ExpiresByType image\/png “access plus 1 year”<\/p>

    ExpiresByType image\/webp “access plus 1 year”<\/p>

    ExpiresByType image\/svg+xml “access plus 1 year”<\/p>

    ExpiresByType image\/x-icon “access plus 1 year”<\/p>

    # V\u00eddeo<\/p>

    ExpiresByType video\/webm “access plus 1 year”<\/p>

    ExpiresByType video\/mp4 “access plus 1 year”<\/p>

    ExpiresByType video\/mpeg “access plus 1 year”<\/p>

    # Fontes<\/p>

    ExpiresByType font\/ttf “access plus 1 year”<\/p>

    ExpiresByType font\/otf “access plus 1 year”<\/p>

    ExpiresByType font\/woff “access plus 1 year”<\/p>

    ExpiresByType font\/woff2 “access plus 1 year”<\/p>

    ExpiresByType application\/font-woff “access plus 1 year”<\/p>

    # CSS, JavaScript<\/p>

    ExpiresByType text\/css “access plus 1 year”<\/p>

    ExpiresByType text\/javascript “access plus 1 year”<\/p>

    ExpiresByType application\/javascript “access plus 1 year”<\/p>

    # Outros<\/p>

    ExpiresByType application\/pdf “access plus 1 year”<\/p>

    ExpiresByType image\/vnd.microsoft.icon “access plus 1 year”<\/p>

    <\/IfModule><\/p><\/blockquote>\n\n\n\n

    LiteSpeed Cache<\/h3>\n\n\n\n
    \"Plugin<\/figure>\n\n\n\n

    Sendo nossa principal recomenda\u00e7\u00e3o para a otimiza\u00e7\u00e3o de sites WordPress, o LiteSpeed \u00e9 um plugin super completo, com cache de objetos, lazy load, minifica\u00e7\u00e3o de arquivos, pr\u00e9-carregamento e diversos outros.<\/p>\n\n\n\n

    Al\u00e9m de sua vasta gama de recursos integrados, seu maior trunfo \u00e9 seu pre\u00e7o: ZERO. Exatamente, um dos mais completos aliados para a otimiza\u00e7\u00e3o do seu site \u00e9 totalmente gratuito, tornando-o ainda mais atrativo.<\/p>\n\n\n\n

    Para conferir na \u00edntegra como configurar os principais recursos do plugin, clique aqui<\/a> para conferir nosso artigo especial.<\/p>\n\n\n\n

    WP Rocket<\/h3>\n\n\n\n
    \"Plugin<\/figure>\n\n\n\n

    O queridinho das massas, WP Rocket, \u00e9 uma \u00f3tima op\u00e7\u00e3o para deixar seu site mais r\u00e1pido, contando com formas de minifica\u00e7\u00e3o, pr\u00e9-carregamento, lazy load e outros mais recursos.<\/p>\n\n\n\n

    Sua desvantagem \u00e9 ser um plugin caro e, por seu valor estar em d\u00f3lar, traz um custo muito maior para os usu\u00e1rios brasileiros. Por\u00e9m, aqui na Kangaroo oferecemos gratuitamente a ativa\u00e7\u00e3o do WP Rocket.<\/p>\n\n\n\n

    Para solicitar, basta ter um plano de hospedagem <\/a>ou revenda<\/a> ativo, e solicitar a ativa\u00e7\u00e3o via ticket. O plugin \u00e9 totalmente original, e sua licen\u00e7a \u00e9 atrelada junto ao nosso cadastro direto com o desenvolvedor.<\/p>\n\n\n\n

    Para conferir dicas de como configurar o WP Rocket, clique aqui<\/a> para ir direto ao nosso post.<\/p>\n\n\n\n

    Conclus\u00e3o<\/h2>\n\n\n\n

    Agora, voc\u00ea j\u00e1 \u00e9 mais que entendido quando o assunto \u00e9 cache, sabendo todo o necess\u00e1rio para come\u00e7ar a botar a m\u00e3o na massa para ajustar seu site.<\/p>\n\n\n\n

    Mesmo que visto com certo preconceito por muitos usu\u00e1rios, e o maior vil\u00e3o dos designers de sites em processo de desenvolvimento, ele \u00e9 essencial para o funcionamento do site.<\/p>\n\n\n\n

    Ele n\u00e3o s\u00f3 te ajuda fornecendo um resultado mais r\u00e1pido no carregamento, quanto te ajuda a economizar com processamento de hardware.<\/p>\n\n\n\n

    \u00c9 v\u00e1lido dizer que, em caso de conte\u00fados muito din\u00e2micos, essa pode n\u00e3o ser a melhor alternativa para voc\u00ea, mesmo que seja \u00fatil para armazenar o conte\u00fado que for est\u00e1tico.<\/p>\n\n\n\n

    Ent\u00e3o, \u00e9 hora e come\u00e7ar a otimizar o seu site! E lembre-se que estaremos sempre \u00e0 disposi\u00e7\u00e3o para te ajudar em caso de d\u00favidas. At\u00e9 a pr\u00f3xima o\/<\/p>\n","protected":false},"excerpt":{"rendered":"

    Cache, otimiza\u00e7\u00e3o e velocidade s\u00e3o palavras comumente vistas quando falamos de sites, sobretudo aqueles que precisam escalar para ter melhor resultado em indexa\u00e7\u00e3o. Como um dos principais fatores para a indexa\u00e7\u00e3o, vamos falar um pouco mais sobre o cache, um \u00f3timo recurso que nos auxilia em muito na otimiza\u00e7\u00e3o dos sites. Afinal de contas, quanto […]<\/p>\n","protected":false},"author":1,"featured_media":1707,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[78],"tags":[],"class_list":["post-1705","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dicas"],"_links":{"self":[{"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/posts\/1705","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/comments?post=1705"}],"version-history":[{"count":1,"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/posts\/1705\/revisions"}],"predecessor-version":[{"id":2643,"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/posts\/1705\/revisions\/2643"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/media\/1707"}],"wp:attachment":[{"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/media?parent=1705"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/categories?post=1705"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/tags?post=1705"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}