{"id":228241,"date":"2022-10-06T18:36:00","date_gmt":"2022-10-06T15:36:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=228241"},"modified":"2022-11-09T01:28:06","modified_gmt":"2022-11-08T22:28:06","slug":"como-aproveitar-o-cache-do-navegador-no-wordpress","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/pt-pt\/como-aproveitar-o-cache-do-navegador-no-wordpress\/","title":{"rendered":"Como aproveitar o cache do navegador no WordPress"},"content":{"rendered":"\n<p>Se voc\u00ea deseja aproveitar o cache do navegador no WordPress, j\u00e1 conhece o principal benef\u00edcio que ele tem \u2013 melhora a velocidade de carregamento do site.<\/p>\n<p>Este detalhe \u00e9 muito importante para as pessoas que se deparam com este problema. Felizmente, existem ferramentas como o <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Google PageSpeed \u200b\u200bInsights<\/a> ou <a href=\"https:\/\/gtmetrix.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">a matriz GT<\/a>. Eles podem dizer exatamente o que voc\u00ea deseja saber sobre o desempenho do seu site, o que voc\u00ea precisa alterar se j\u00e1 tiver ou n\u00e3o o cache do navegador ativado e muito mais.<\/p>\n<p><a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c002237b.jpg\" alt=\"Como aproveitar o cache do navegador no WordPress\" \/><\/a><\/p>\n<p>Tudo bem, tudo bem. Ent\u00e3o, qual \u00e9 o problema? Por que voc\u00ea precisa aproveitar o cache do navegador no WordPress?<\/p>\n<p>Este assunto \u00e9 discutido em detalhes abaixo por nossa equipe <strong><a href=\"https:\/\/wpdatatables.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">wpDataTables<\/a><\/strong>, ent\u00e3o continue lendo e voc\u00ea conseguir\u00e1 alavancar o cache do navegador at\u00e9 o final deste artigo (dedos cruzados).<\/p>\n<p>Criar um site visualmente agrad\u00e1vel n\u00e3o \u00e9 mais primordial quando os tempos de carregamento s\u00e3o t\u00e3o ruins que fazem com que os usu\u00e1rios o abandonem em segundos.<\/p>\n<p>Voc\u00ea precisa <a href=\"https:\/\/www.founderjar.com\/best-website-builder\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">construir um site<\/a> com p\u00e1ginas de carregamento r\u00e1pido e conte\u00fado de qualidade. Cada pessoa em contato com a Internet deve saber disso. E a maneira mais f\u00e1cil de tornar um site mais r\u00e1pido \u00e9 aproveitar o cache do navegador.<\/p>\n<p><a href=\"https:\/\/gtmetrix.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c0123c37.jpg\" alt=\"Como aproveitar o cache do navegador no WordPress\" \/><\/a><\/p>\n<p>Esse conceito ser\u00e1 explicado mais adiante, mas voc\u00ea deve saber que \u00e9 a principal recomenda\u00e7\u00e3o do Google quando se trata de tempos de carregamento.<\/p>\n<p>Normalmente, a velocidade de carregamento do seu site pode ser melhorada em at\u00e9 50%, desde que voc\u00ea use os m\u00e9todos adequados.<\/p>\n<p>O que o cache do navegador tem a ver com isso?<\/p>\n<p>Vamos cavar.<\/p>\n<h2><strong>Aproveitar o cache do navegador? O que voc\u00ea quer dizer com isso?<\/strong><\/h2>\n<p>Para aqueles que n\u00e3o sabem por que voc\u00ea precisa aproveitar o cache do navegador, \u00e9 melhor explicar em palavras mais simples.<\/p>\n<p>O armazenamento em cache representa a quantidade de tempo que os navegadores armazenam localmente os recursos que podem ser armazenados em cache dispon\u00edveis em um site.<\/p>\n<p>Esses recursos incluem imagens, JavaScript, CSS e outros. Sempre que uma pessoa acessa o site, os recursos em cache armazenados em seu computador s\u00e3o carregados de volta. A velocidade de carregamento do site \u00e9, assim, melhorada visivelmente. Esta \u00e9 a raz\u00e3o pela qual as pessoas querem aproveitar o cache do navegador no WordPress.<\/p>\n<h2><strong>Como funciona o aproveitamento do cache do<\/strong> <strong>navegador<\/strong> <strong>no WordPress?<\/strong><\/h2>\n<p><a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c022f808.jpg\" alt=\"Como aproveitar o cache do navegador no WordPress\" \/><\/a><\/p>\n<p>Quando uma pessoa acessa um determinado dom\u00ednio, h\u00e1 v\u00e1rios processos acontecendo em segundo plano. Tudo o que comp\u00f5e seu site WordPress \u00e9 transmitido para o navegador do usu\u00e1rio, tornando o site vis\u00edvel. Esses componentes do site incluem conte\u00fado, imagens, folhas de estilo, scripts e muito mais. Eles devem ser movidos do servidor do site para o navegador do usu\u00e1rio sempre que necess\u00e1rio. As etapas por tr\u00e1s desse processo s\u00e3o:<\/p>\n<ol>\n<li>O visitante digita uma URL em seu navegador<\/li>\n<li>O navegador gera uma solicita\u00e7\u00e3o ao servidor onde seu site est\u00e1 hospedado (a solicita\u00e7\u00e3o HTTP)<\/li>\n<li>O servidor re\u00fane todos os dados e os envia ao usu\u00e1rio. Esta \u00e9 a etapa em que os usu\u00e1rios percebem uma lentid\u00e3o. Para evitar essa lentid\u00e3o, as pessoas podem reduzir o tamanho dos scrips, otimizar os tamanhos das imagens e assim por diante.<\/li>\n<li>Uma vez que os dados s\u00e3o transmitidos, o navegador pode finalmente exibir o site. O processo se repete quando os visitantes acessam outras p\u00e1ginas. As solicita\u00e7\u00f5es do servidor podem ser muito numerosas ao mesmo tempo, o que pode levar a um baixo desempenho. \u00c9 por isso que as pessoas precisam otimizar seu site, para mant\u00ea-lo r\u00e1pido.<\/li>\n<\/ol>\n<p>O conte\u00fado do cache \u00e9 usado em navegadores da Web e aplicativos de software. Ele \u00e9 armazenado temporariamente em seu disco local. Esses dados s\u00e3o chamados de &#8216; <a href=\"https:\/\/en.wikipedia.org\/wiki\/Web_cache\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Web Cache<\/a> &#8216; ou &#8216; <a href=\"https:\/\/developers.google.com\/web\/fundamentals\/performance\/optimizing-content-efficiency\/http-caching\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">HTTP Cache<\/a> &#8216;. Sempre que voc\u00ea visitar o mesmo site, o navegador far\u00e1 o upload das informa\u00e7\u00f5es armazenadas no seu computador e far\u00e1 o download do conte\u00fado do site.<\/p>\n<p>Para verificar se o seu site WordPress aproveita o cache do navegador corretamente, voc\u00ea precisa usar uma ferramenta espec\u00edfica. O mais popular \u00e9 o Google PageSpeed \u200b\u200bInsights. Descubra se tudo funciona corretamente digitando a URL do seu site.<\/p>\n<p>Em seguida, clique em Analisar e deixe a ferramenta fazer sua m\u00e1gica. O PageSpeed \u200b\u200bdeve informar qual a pontua\u00e7\u00e3o do seu site em termos de otimiza\u00e7\u00e3o para dispositivos m\u00f3veis e computadores. A pontua\u00e7\u00e3o varia de 0 a 100, e voc\u00ea tamb\u00e9m receber\u00e1 sugest\u00f5es de como melhorar seu site depois. Uma das sugest\u00f5es mais comuns \u00e9 optar por aproveitar o cache do navegador no WordPress.<\/p>\n<h3>Ei, voc\u00ea sabia que os dados tamb\u00e9m podem ser bonitos?<\/h3>\n<p><a href=\"https:\/\/wpdatatables.com\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">wpDataTables<\/a> pode torn\u00e1-lo assim. H\u00e1 uma boa raz\u00e3o pela qual \u00e9 o plugin n\u00ba 1 do WordPress para criar tabelas e gr\u00e1ficos responsivos.<\/p>\n<p><a href=\"https:\/\/wpdatatables.com\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c033e8ad.png\" alt=\"Como aproveitar o cache do navegador no WordPress\" \/><\/a><\/p>\n<p>Um exemplo real de wpDataTables em estado selvagem<\/p>\n<p>E \u00e9 muito f\u00e1cil fazer algo assim:<\/p>\n<ol>\n<li>Voc\u00ea fornece os dados da tabela<\/li>\n<li>Configure e personalize<\/li>\n<li>Publique-o em um post ou p\u00e1gina<\/li>\n<\/ol>\n<p>E n\u00e3o \u00e9 apenas bonito, mas tamb\u00e9m pr\u00e1tico. Voc\u00ea pode criar tabelas grandes com <a href=\"https:\/\/wpdatatables.com\/documentation\/creating-wpdatatables\/creating-mysql-based-wpdatatables-with-server-side-processing\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">at\u00e9 milh\u00f5es de linhas<\/a>, ou pode usar <a href=\"https:\/\/wpdatatables.com\/documentation\/table-features\/advanced-filtering\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">filtros e pesquisas avan\u00e7adas<\/a>, ou pode enlouquecer e <a href=\"https:\/\/wpdatatables.com\/documentation\/front-end-editing\/creating-editable-tables\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">torn\u00e1-las edit\u00e1veis<\/a>.<\/p>\n<p>&#8220;Sim, mas eu gosto demais do Excel e n\u00e3o tem nada disso em sites&quot;. Sim, existe. Voc\u00ea pode usar a <a href=\"https:\/\/wpdatatables.com\/documentation\/table-features\/conditional-formatting\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">formata\u00e7\u00e3o condicional<\/a> como no Excel ou no Planilhas Google.<\/p>\n<p>Eu te disse que voc\u00ea tamb\u00e9m pode <a href=\"https:\/\/wpdatatables.com\/documentation\/wpdatacharts\/creating-charts-wordpress-wpdatachart-wizard\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">criar gr\u00e1ficos<\/a> com seus dados? E isso \u00e9 apenas uma pequena parte. Existem <a href=\"https:\/\/wpdatatables.com\/features\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">muitos outros recursos<\/a> para voc\u00ea.<\/p>\n<h2><strong>Diferen\u00e7as entre o cache do servidor e o cache do navegador<\/strong><\/h2>\n<p>Qualquer usu\u00e1rio do WordPress deve saber mais sobre o cache do servidor. Este \u00e9 um processo que envolve a gera\u00e7\u00e3o de p\u00e1ginas da web em cache para o seu site por meio do servidor da web. As etapas acima representam o cache do site, que est\u00e1 principalmente no lado do servidor.<\/p>\n<p>Existem algumas maneiras de melhorar o sistema de cache do servidor. A op\u00e7\u00e3o mais recomendada seria atualizar os cabe\u00e7alhos no Apache. Usar plugins do WordPress seria o pr\u00f3ximo passo, e adicionar CDN o segue.<\/p>\n<h2><strong>Aproveite o cache do navegador no WordPress<\/strong><\/h2>\n<p>Para aproveitar o cache do navegador no WordPress, voc\u00ea precisa usar um pouco de c\u00f3digo. N\u00e3o se preocupe \u2013 n\u00e3o \u00e9 t\u00e3o dif\u00edcil quanto voc\u00ea pode acreditar.<\/p>\n<p>Voc\u00ea s\u00f3 precisa chegar ao. <a href=\"https:\/\/muffingroup.com\/blog\/wordpress-htaccess\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">htaccess<\/a>, adicione um determinado peda\u00e7o de c\u00f3digo e pronto. Aproveitar o cache do navegador com o arquivo Htaccess \u00e9 o m\u00e9todo mais f\u00e1cil e eficaz sobre o qual voc\u00ea deve aprender.<\/p>\n<p>A maneira mais f\u00e1cil e r\u00e1pida de garantir que seu site WordPress esteja aproveitando ao m\u00e1ximo o cache do lado do servidor e do navegador \u00e9 usar uma <a href=\"https:\/\/kinsta.com\/?kaid=LUAHHLEJMLMT\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">hospedagem gerenciada do WordPress<\/a>, que pr\u00e9-configura todas as configura\u00e7\u00f5es necess\u00e1rias para voc\u00ea.<\/p>\n<p>Aproveite o cache do navegador no WordPress manualmente fazendo o seguinte:<\/p>\n<ol>\n<li>Adicionar cabe\u00e7alhos de expira\u00e7\u00e3o<\/li>\n<li>Adicionar cabe\u00e7alhos de controle de cache<\/li>\n<li>Desativar ETags<\/li>\n<\/ol>\n<p>Para isso, voc\u00ea precisa seguir os passos abaixo:<\/p>\n<ol>\n<li>\n<h4>Acesse os arquivos do site<\/h4>\n<\/li>\n<\/ol>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c0468424.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c0468424.jpg\" alt=\"Como aproveitar o cache do navegador no WordPress\" ><\/a><\/p>\n<p>Comece fazendo login na sua conta de hospedagem\/cPanel. Navegue at\u00e9 o gerenciador de arquivos. Aqui, voc\u00ea encontrar\u00e1 as configura\u00e7\u00f5es do site, onde voc\u00ea precisa Ativar a op\u00e7\u00e3o Arquivo Oculto. Em seguida, v\u00e1 para o diret\u00f3rio raiz do site e acesse seu arquivo .htaccess.<\/p>\n<p>Geralmente est\u00e1 localizado em \/public_html\/.htaccess. Se o dom\u00ednio do seu site for personalizado, voc\u00ea o encontrar\u00e1 em domainname\/public_html\/.htaccess. Clique com o bot\u00e3o direito do mouse no arquivo e edite-o usando as instru\u00e7\u00f5es fornecidas.<\/p>\n<ol start=\"2\">\n<li>\n<h4>Adicione o c\u00f3digo de cache do navegador em seu arquivo .htaccess<\/h4>\n<\/li>\n<\/ol>\n<p>O pr\u00f3ximo passo \u00e9 o mais simples. Copie o c\u00f3digo abaixo e cole-o no final do conte\u00fado do seu arquivo .htaccess. N\u00e3o fa\u00e7a outras altera\u00e7\u00f5es no arquivo.<\/p>\n<pre><code>#Customize expires cache start - adjust the period according to your needs\n&lt;IfModule mod_expires.c&gt;\n\u00a0 FileETag MTime Size\n\u00a0 AddOutputFilterByType DEFLATE text\/plain text\/html text\/xml text\/css application\/xml application\/xhtml+xml application\/rss+xml application\/javascript application\/x-javascript\n\u00a0 ExpiresActive On\n\u00a0 ExpiresByType text\/html \"access 600 seconds\"\n\u00a0 ExpiresByType application\/xhtml+xml \"access 600 seconds\"\n\u00a0 ExpiresByType text\/css \"access 1 month\"\n\u00a0 ExpiresByType text\/javascript \"access 1 month\"\n\u00a0 ExpiresByType text\/x-javascript \"access 1 month\"\n\u00a0 ExpiresByType application\/javascript \"access 1 month\"\n\u00a0 ExpiresByType application\/x-javascript \"access 1 month\"\n\u00a0 ExpiresByType application\/x-shockwave-flash \"access 1 month\"\n\u00a0 ExpiresByType application\/pdf \"access 1 month\"\n\u00a0 ExpiresByType image\/x-icon \"access 1 year\"\n\u00a0 ExpiresByType image\/jpg \"access 1 year\"\u00a0 \n\u00a0 ExpiresByType image\/jpeg \"access 1 year\"\n\u00a0 ExpiresByType image\/png \"access 1 year\"\n\u00a0 ExpiresByType image\/gif \"access 1 year\"\n\u00a0 ExpiresDefault \"access 1 month\"\n\n&lt;\/IfModule&gt;\n#Expires cache end<\/code><\/pre>\n<p>As configura\u00e7\u00f5es inclu\u00eddas no c\u00f3digo acima incluem um tempo de atualiza\u00e7\u00e3o\/expira\u00e7\u00e3o de 600 segundos para HTML e um m\u00eas para CSS e JavaScript.<\/p>\n<p>O objetivo desse per\u00edodo de expira\u00e7\u00e3o \u00e9 evitar que seus visitantes baixem novamente os ativos com muita frequ\u00eancia. Se voc\u00ea realizar altera\u00e7\u00f5es em termos de ativos com mais frequ\u00eancia, poder\u00e1 alterar o per\u00edodo de acordo com suas necessidades.<\/p>\n<p>Para pessoas que desejam aproveitar o cache do navegador, alterar o arquivo .htaccess \u00e9 a melhor op\u00e7\u00e3o.<\/p>\n<p>Como voc\u00ea pode ver no c\u00f3digo, as imagens expiram ap\u00f3s um ano. Para adicionar cabe\u00e7alhos expirados .htaccess, voc\u00ea precisa alterar o arquivo sem danificar mais nada.<\/p>\n<p>No entanto, algumas pessoas n\u00e3o querem mexer com seu arquivo .htaccess. Se essa for a sua situa\u00e7\u00e3o, voc\u00ea pode simplesmente usar um plug-in de cache do navegador. Voc\u00ea descobrir\u00e1 mais sobre esses plugins posteriormente neste artigo.<\/p>\n<ol start=\"3\">\n<li>\n<h4>Adicione cabe\u00e7alhos de controle de cache via Apache<\/h4>\n<\/li>\n<\/ol>\n<p>Copie o c\u00f3digo abaixo:<\/p>\n<pre><code># BEGIN Cache-Control Headers\n\n&lt;IfModule mod_expires.c&gt;\n  &lt;IfModule mod_headers.c&gt;\n \u00a0\u00a0 &lt;filesMatch \".(ico|jpe?g|png|gif|swf)$\"&gt;\n \u00a0\u00a0\u00a0\u00a0 Header append Cache-Control \"public\" \n \u00a0\u00a0 &lt;\/filesMatch&gt;\n \u00a0\u00a0 &lt;filesMatch \".(css)$\"&gt;\n \u00a0\u00a0\u00a0\u00a0 Header append Cache-Control \"public\"\n \u00a0\u00a0 &lt;\/filesMatch&gt;\n \u00a0\u00a0 &lt;filesMatch \".(js)$\"&gt;\n \u00a0\u00a0\u00a0\u00a0 Header append Cache-Control \"private\"\n \u00a0\u00a0 &lt;\/filesMatch&gt;\n \u00a0\u00a0 &lt;filesMatch \".(x?html?|php)$\"&gt;\n \u00a0\u00a0\u00a0\u00a0 Header append Cache-Control \"private, must-revalidate\"\n \u00a0\u00a0 &lt;\/filesMatch&gt;\n  &lt;\/IfModule&gt;\n&lt;\/IfModule&gt;<\/code><\/pre>\n<p>Definir uma data de expira\u00e7\u00e3o ou uma idade m\u00e1xima nos cabe\u00e7alhos HTTP n\u00e3o \u00e9 mais necess\u00e1rio porque j\u00e1 foi definido na etapa anterior, o que significa que voc\u00ea n\u00e3o precisa repeti-lo aqui.<\/p>\n<ol start=\"4\">\n<li>\n<h4>Desativar Etags<\/h4>\n<\/li>\n<\/ol>\n<p>Etags significa Entity Tags e refere-se a novas vers\u00f5es de arquivos em cache. Como voc\u00ea j\u00e1 definiu os cabe\u00e7alhos de controle de cache, n\u00e3o h\u00e1 necessidade de usar ETags, portanto, voc\u00ea pode desativ\u00e1-los para melhorar os tempos de carregamento. Adicione o seguinte trecho de c\u00f3digo ao arquivo .htaccess:<\/p>\n<pre><code>&lt;IfModule mod_headers.c&gt;\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Header unset ETag\n&lt;\/IfModule&gt;\nFileETag None<\/code><\/pre>\n<p>Salve o arquivo .htaccess e pronto!<\/p>\n<h2><strong>Servidor NGINX e cache do navegador<\/strong><\/h2>\n<p>Se o seu site usa NGINX, voc\u00ea precisar\u00e1 usar outros peda\u00e7os de c\u00f3digo porque n\u00e3o poder\u00e1 encontrar o arquivo .htaccess. Novamente, \u00e9 um processo muito f\u00e1cil que n\u00e3o requer muito conhecimento t\u00e9cnico. V\u00e1 para \/etc\/nginx\/sites-enabled\/default e cole este c\u00f3digo l\u00e1:<\/p>\n<pre><code>server {\n\u00a0\u00a0\u00a0 listen\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 80;\n \u00a0\u00a0 server_name\u00a0 localhost;\n \u00a0\u00a0 location \/ {\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 root\u00a0\u00a0 \/usr\/share\/nginx\/html;\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 index\u00a0 index.html index.htm;\n \u00a0\u00a0 }\n \u00a0\u00a0 location ~*\u00a0 .(jpg|jpeg|png|gif|ico|css|js)$ {\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 expires 365d;\n \u00a0\u00a0 }\n \u00a0\u00a0 location ~*\u00a0 .(pdf)$ {\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 expires 30d;\n \u00a0\u00a0 }\n}\n\nAdd Cache-Control Headers (NGINX)\nlocation ~* .(jpg|jpeg|png|gif|ico|css|js)$ {\nexpires 90d;\nadd_header Cache-Control \"public, no-transform\";\n}<\/code><\/pre>\n<p>Voc\u00ea provavelmente pode dizer que o tempo de expira\u00e7\u00e3o dos arquivos de imagem est\u00e1 definido para 365 dias, o equivalente a um ano. Os PDFs expiram ap\u00f3s apenas 30 dias. Voc\u00ea pode personalizar o c\u00f3digo da maneira que quiser, assim como no caso anterior.<\/p>\n<p>Ap\u00f3s editar o NGINX, salve o arquivo e voc\u00ea pode ficar tranquilo sabendo que ativou o cache do navegador no servidor NGINX.<\/p>\n<h2><strong>Aproveite a navega\u00e7\u00e3o no WordPress usando plugins<\/strong><\/h2>\n<p>Ajustar o arquivo .htaccess onde voc\u00ea n\u00e3o precisa dele pode arruinar todo o seu site. Cometer um \u00fanico erro levar\u00e1 a p\u00e1ginas em branco e erros, por isso \u00e9 perfeitamente compreens\u00edvel se voc\u00ea n\u00e3o quiser alterar o arquivo sozinho.<\/p>\n<p>Felizmente, existem plugins que podem ser \u00fateis, sem que voc\u00ea precise aprender como habilitar o Leverage Browser Caching no WordPress<\/p>\n<p>manualmente. A instala\u00e7\u00e3o de um plugin pode ser feita assim:<\/p>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/leverage-browser-caching\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c0591bcc.jpg\" alt=\"Como aproveitar o cache do navegador no WordPress\" \/><\/a><\/p>\n<ol>\n<li>Baixe o plugin \u2013 um exemplo pode ser encontrado aqui<\/li>\n<li>Navegue at\u00e9 o painel, plug-ins e adicione novo<\/li>\n<li>Encontre &#8220;Aproveite o cache do navegador&#8221;<\/li>\n<li>Clique em Instalar agora<\/li>\n<li>Ative o plug-in<\/li>\n<li>Teste seu site<\/li>\n<\/ol>\n<p>Existem outros plugins que voc\u00ea tamb\u00e9m pode usar, e alguns deles est\u00e3o listados abaixo. Escolha-os de acordo com suas necessidades:<\/p>\n<h2>W3 Total Cache \u2013 plugin WordPress<\/h2>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/w3-total-cache\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c069033e.jpg\" alt=\"Como aproveitar o cache do navegador no WordPress\" \/><\/a><\/p>\n<p>Corrigir o cache do navegador de alavancagem no WordPress com o W3 Total Cache pode ser feito seguindo as etapas listadas abaixo:<\/p>\n<ol>\n<li>Baixe e instale o plugin W3 Total Cache WordPress<\/li>\n<li>Navegue at\u00e9 Configura\u00e7\u00f5es gerais e selecione Ativar cache do navegador<\/li>\n<li>Clique em salvar e navegue at\u00e9 Configura\u00e7\u00f5es de cache do navegador (parte superior da p\u00e1gina)<\/li>\n<li>Escolha os cabe\u00e7alhos de cache dispon\u00edveis<\/li>\n<li>Definir cabe\u00e7alhos de expira\u00e7\u00e3o, controle de cache e cabe\u00e7alhos ETag (com base nas configura\u00e7\u00f5es feitas antes)<\/li>\n<li>Salve todas as configura\u00e7\u00f5es e atualize seu site<\/li>\n<\/ol>\n<h2>Cache mais r\u00e1pido do WP<\/h2>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/wp-fastest-cache\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c078d969.jpg\" alt=\"Como aproveitar o cache do navegador no WordPress\" \/><\/a><\/p>\n<p>WP Fastest Cache \u00e9 outro plugin que voc\u00ea pode usar para habilitar o cache do navegador no WordPress.<\/p>\n<ol>\n<li>Baixe e instale o WP Fastest Cache.<\/li>\n<li>V\u00e1 para as configura\u00e7\u00f5es do plug-in<\/li>\n<li>Selecione o cache do navegador marcando a caixa<\/li>\n<li>Clique em enviar para aplicar as altera\u00e7\u00f5es e pronto<\/li>\n<\/ol>\n<h2>Habilitador de Cache \u2013 Cache do WordPress<\/h2>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/cache-enabler\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c0897f79.jpg\" alt=\"Como aproveitar o cache do navegador no WordPress\" \/><\/a><\/p>\n<p>Este plug-in vem com mais recursos que voc\u00ea pode achar \u00fateis no futuro: voc\u00ea pode automatizar o processo de limpeza de cache ou faz\u00ea-lo manualmente, pode limpar a p\u00e1gina manualmente, pode reduzir HTML e JavaScript e muito mais. Para us\u00e1-lo, basta:<\/p>\n<ol>\n<li>Instale o plugin e ative-o<\/li>\n<li>V\u00e1 para as configura\u00e7\u00f5es<\/li>\n<li>Clique em Ativar o cache do navegador de alavancagem<\/li>\n<\/ol>\n<h2><strong>Use Yoast SEO para editar o arquivo .htaccess<\/strong><\/h2>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/wordpress-seo\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c099ad05.jpg\" alt=\"Como aproveitar o cache do navegador no WordPress\" \/><\/a><\/p>\n<p>Voc\u00ea tamb\u00e9m pode editar o arquivo .htaccess de forma mais segura usando o plug-in Yoast SEO. O plugin WordPress mais usado \u00e9 o SEO by Yoast. Usando este plugin, voc\u00ea pode editar o arquivo .htaccess facilmente. Se voc\u00ea ainda n\u00e3o tem o Yoast, voc\u00ea precisa instal\u00e1-lo e ativ\u00e1-lo antes. Depois disso, voc\u00ea precisa:<\/p>\n<ol>\n<li>Acesse SEO e, em seguida, Ferramentas.<\/li>\n<li>Navegue at\u00e9 o Editor de Arquivos<\/li>\n<li>O arquivo .htaccess ser\u00e1 aberto em um editor de texto onde voc\u00ea poder\u00e1 colar os trechos de c\u00f3digo listados acima<\/li>\n<li>Salvar altera\u00e7\u00f5es<\/li>\n<\/ol>\n<p>Depois de fazer as altera\u00e7\u00f5es, voc\u00ea pode usar o Google PageSpeed \u200b\u200bInsights para verificar se est\u00e1 tudo bem depois de fazer as altera\u00e7\u00f5es. Se o seu site aproveita o cache do navegador corretamente, voc\u00ea est\u00e1 pronto para ir. Se n\u00e3o, voc\u00ea deve passar pelo processo novamente e ver o que voc\u00ea perdeu.<\/p>\n<h2><strong>Cache de recursos de terceiros<\/strong><\/h2>\n<p>Depois de realizar todas as altera\u00e7\u00f5es descritas neste artigo, voc\u00ea ainda poder\u00e1 obter uma pontua\u00e7\u00e3o ruim ao testar a velocidade do seu site usando v\u00e1rias ferramentas. O Google PageSpeed \u200b\u200bInsights pode lhe dar uma pontua\u00e7\u00e3o ruim devido a muitos scripts ou servi\u00e7os de terceiros que s\u00e3o executados por tr\u00e1s do seu site. Esses scripts n\u00e3o t\u00eam um longo tempo de expira\u00e7\u00e3o devido a v\u00e1rios motivos.<\/p>\n<p>Se voc\u00ea ainda receber mensagens para alavancar o cache do navegador no WordPress depois de seguir todas as dicas poss\u00edveis, n\u00e3o h\u00e1 muito o que fazer al\u00e9m de eliminar scripts que voc\u00ea n\u00e3o usa. Um m\u00e1ximo de tr\u00eas scripts deve ser suficiente para um site, portanto, certifique-se de limpar sua lista.<\/p>\n<p>Depois de fazer essa altera\u00e7\u00e3o, tudo deve funcionar bem, e o tempo de carregamento do seu site deve ser o mais pr\u00f3ximo poss\u00edvel da perfei\u00e7\u00e3o. Caso voc\u00ea encontre um problema muito espec\u00edfico e n\u00e3o tenha nada a ver com scripts de terceiros, voc\u00ea deve se informar sobre isso e ver qual configura\u00e7\u00e3o causa o problema.<\/p>\n<h2><strong>Considera\u00e7\u00f5es finais sobre como aproveitar o cache do navegador no WordPress<\/strong><\/h2>\n<p>Lembre-se de que voc\u00ea pode n\u00e3o perceber as altera\u00e7\u00f5es feitas imediatamente ap\u00f3s a instala\u00e7\u00e3o de um plug-in. A raz\u00e3o por tr\u00e1s desse atraso \u00e9 o arquivo CSS\/Stylesheet. O cache do navegador que voc\u00ea j\u00e1 salvou em seu computador impedir\u00e1 que voc\u00ea veja as altera\u00e7\u00f5es feitas. Para ver o site corretamente ap\u00f3s fazer v\u00e1rias altera\u00e7\u00f5es, \u00e9 recomend\u00e1vel visit\u00e1-lo usando a fun\u00e7\u00e3o de navega\u00e7\u00e3o an\u00f4nima do seu navegador. Ao usar esta fun\u00e7\u00e3o, voc\u00ea n\u00e3o usar\u00e1 recursos de cache e poder\u00e1 ver as altera\u00e7\u00f5es corretamente.<\/p>\n<p>No final do dia, o m\u00e9todo escolhido para alavancar o cache do navegador n\u00e3o \u00e9 relevante. A \u00fanica coisa que importa \u00e9 v\u00ea-lo em a\u00e7\u00e3o. Contanto que o Leverage Browser Caching no WordPress funcione como esperado, a maneira como voc\u00ea chegou l\u00e1 n\u00e3o importa. Voc\u00ea pode escolher o m\u00e9todo com o qual se sente confort\u00e1vel e o resultado ser\u00e1 o mesmo. Ou voc\u00ea decide alterar o arquivo .htaccess ou usar um plugin, voc\u00ea obter\u00e1 melhores tempos de carregamento ativando o Leverage Browser Caching.<\/p>\n<p>Se voc\u00ea gostou de ler este artigo sobre como aproveitar o cache do navegador no WordPress, confira este artigo sobre como <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/acelere-o-wordpress-o-melhor-guia-para-otimizacao-de-velocidade-do-wordpress\/\" title=\"acelerar o WordPress\">acelerar o WordPress<\/a>.<\/p>\n<p>Tamb\u00e9m escrevemos sobre alguns assuntos relacionados, como plug-in de banco de <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/opcoes-de-plug-in-de-banco-de-dados-do-wordpress-para-acelerar-seu-banco-de-dados\/\" title=\"dados do WordPress\">dados do WordPress<\/a>, plug-in de <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/carga-lenta-do-wordpress-escolhendo-o-melhor-plugin-para-o-trabalho\/\" title=\"carregamento lento\">carregamento lento<\/a> do WordPress, op\u00e7\u00f5es de plug-in de <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/opcoes-de-plug-in-de-cache-do-wordpress-para-testar-seu-site\/\" title=\"cache do WordPress e\">cache do WordPress e<\/a> <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/servicos-cdn-que-voce-pode-usar-para-acelerar-o-wordpress\/\" title=\"servi\u00e7os CDN\">servi\u00e7os CDN<\/a>.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte de grava\u00e7\u00e3o:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpdatatables.com\" class=\"external external_icon\">wpdatatables.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Se voc\u00ea deseja dominar o Leverage Browser Caching no WordPress, voc\u00ea j\u00e1 conhece o principal benef\u00edcio que ele tem \u2013 aumenta a velocidade de carregamento do site.<\/p>\n","protected":false},"author":1,"featured_media":173742,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[920,846,867],"tags":[1170],"class_list":["post-228241","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-outro","category-tutoriais","category-wordpress-8","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/228241","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/comments?post=228241"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/228241\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media\/173742"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media?parent=228241"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/categories?post=228241"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/tags?post=228241"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}