add_header Cache-Control \"max-age=31536000, immutable\";<\/code><\/div>\nDe agora em diante, O navegador tem o direito de armazenar recursos por at\u00e9 um ano (o que \u00e9 quase sempre). O novo par\u00e2metro \u201cimut\u00e1vel\u201c indica que o recurso n\u00e3o ser\u00e1 alterado.<\/p>\n
Naturalmente, surge a pergunta: e se precisarmos alterar o recurso de armazenamento em cache? A resposta \u00e9 simples: altere o seu endere\u00e7o, URL. Por exemplo, voc\u00ea pode adicionar uma vers\u00e3o a um nome de arquivo. Para documentos HTML, esse m\u00e9todo tamb\u00e9m aplic\u00e1vel, mas, como regra, um per\u00edodo mais curto de armazenamento em cache \u00e9 usado (por exemplo, um minuto uma hora).<\/p>\n
Compacta\u00e7\u00e3o de dados<\/h3>\n
Uma pr\u00e1tica compuls\u00f3ria \u00e9 a compacta\u00e7\u00e3o de qualquer dado de texto quando transferido do servidor para o navegador. A maioria dos servidores da web tem uma implementa\u00e7\u00e3o de compacta\u00e7\u00e3o gzip-compression de respostas.<\/p>\n
No entanto, a ativa\u00e7\u00e3o de compacta\u00e7\u00e3o simples n\u00e3o \u00e9 suficiente.<\/p>\n
Primeiro, a taxa de compress\u00e3o \u00e9 ajust\u00e1vel e deve ficar pr\u00f3xima do m\u00e1ximo.<\/p>\n
Em segundo lugar, voc\u00ea deve usar compacta\u00e7\u00e3o est\u00e1tica, ou seja pr\u00e9-compactar arquivos e colocar em disco. Em seguida, o servidor da web deve procurar a vers\u00e3o compacta e enviar imediatamente. Em terceiro lugar voc\u00ea pode usar algoritmos de compress\u00e3o mais eficientes: zopfli (compat\u00edvel com gzip) e brotli (novo algoritmo de compress\u00e3o). O Brotli s\u00f3 funciona com HTTPS. Como esses algoritmos (especialmente zopfli) s\u00e3o caros para serem compactados, sempre os usamos na vers\u00e3o est\u00e1tica.<\/p>\n
Para maximizar o efeito da compress\u00e3o dos arquivos, o processo de minifica\u00e7\u00e3o \u00e9 aplicado preliminarmente: limpeza de tradu\u00e7\u00f5es desnecess\u00e1rias de strings, espa\u00e7os e outros caracteres desnecess\u00e1rios. Este processo \u00e9 espec\u00edfico para cada formato. Al\u00e9m disso, voc\u00ea deve cuidar de compactar outros dados do texto no site.<\/p>\n
Usando o CDN<\/h2>\n
Aplica\u00e7\u00e3o de CDN (rede de distribui\u00e7\u00e3o de conte\u00fado) para acelera\u00e7\u00e3o do website \u00e9 uma medida muito divulgada, com muito marketing em torno das ess\u00eancia da tecnologia.<\/p>\n
Teoria: Por que<\/h3>\n
Inicialmente, os CDNs foram projetados para descarregar os canais da internet de sites de m\u00eddia de transmiss\u00e3o. Por exemplo, ao assistir a um v\u00eddeo ao vivo, milhares de espectadores criam uma carregamento muito pesado na banda larga do servidor. Al\u00e9m disso, garantir a qualidade ininterrupta da comunica\u00e7\u00e3o com a remo\u00e7\u00e3o de grandes clientes e servidores \u00e9 extremamente dif\u00edcil (devido atrasos e instabilidade na rede).<\/p>\n
A solu\u00e7\u00e3o para esse problema foi criar um CDN, ou seja, uma rede distribu\u00edda a qual os clientes (por exemplo, visualizadores) estavam conectados e os hosts dessa rede j\u00e1 estavam no servidor (origem). Ao mesmo tempo, o n\u00famero de conex\u00f5es com servidor foi reduzido para um (alguns) e o n\u00famero de conex\u00f5es para o CDN pode atingir milh\u00f5es devido armazenamento em cache de conte\u00fado pela rede.<\/p>\n
Hoje, a maioria dos CDNs se posiciona como meio de acelerar os sites, principalmente reduzindo a dist\u00e2ncia do conte\u00fado at\u00e9 o cliente (o visitantes do site).<\/p>\n
Efeitos poss\u00edveis<\/h3>\n
Como posso acelerar um site usando o CDN?<\/p>\n
Sim, de fato, o usu\u00e1rio se conecta, via de regra, ao servidor de rede pr\u00f3ximo (por tempo de acesso) e obt\u00e9m um processo r\u00e1pido ao estabelecer conex\u00f5es TCP e TLS. Al\u00e9m disso, se o conte\u00fado estiver no servidor CDN, o usu\u00e1rio poder\u00e1 receb\u00ea-lo rapidamente. Assim, a carga em nosso pr\u00f3prio servidor \u00e9 reduzida.<\/p>\n
Em segundo lugar, o CDN n\u00e3o pode apenas distribuir conte\u00fado sem altera\u00e7\u00f5es, mas otimiz\u00e1-los e fornec\u00ea-los de forma mais compacta: compactar imagens, aplicar compacta\u00e7\u00e3o ao teste etc. Devido essas otimiza\u00e7\u00f5es, voc\u00ea pode obter um tempo de download mais curto.<\/p>\n
Desvantagens de Usar o CDN<\/h3>\n
As desvantagens, como de costume, acontecem como as vantagens: o objeto pode n\u00e3o estar no cache do n\u00f3 CDN. Por exemplo, ainda n\u00e3o foi solicitado ou n\u00e3o pode ser armazenado em cache (documento HTML). Neste caso, temos atrasos adicionais entre o n\u00f3 CDN e o nosso servidor.<\/p>\n
Apesar do fato de que CDNs n\u00e3o s\u00e3o projetadas para acelerar o acesso ao site, h\u00e1 situa\u00e7\u00f5es em que a rota de rede ser\u00e1 menos ideal do que sem o CDN. Especialmente importante para o CDNs globais, para os quais a R\u00fassia n\u00e3o \u00e9 um mercado priorit\u00e1rio.<\/p>\n
Finalmente, as redes de entrega de conte\u00fado s\u00e3o sistemas muito complexos, onde falhas, instabilidades e outros problemas tamb\u00e9m s\u00e3o poss\u00edveis em todos os lugares. Usando CDN, adicionamos mais um n\u00edvel de complexidade.<\/p>\n
N\u00f3s Consertamos o Resultado<\/h2>\n
Digamos que voc\u00ea tenha conseguido uma boa velocidade no site. Usu\u00e1rios e propriet\u00e1rio do recurso est\u00e3o felizes. Sobre isso, voc\u00ea pode esquecer a quest\u00e3o da velocidade? Claro que n\u00e3o. Para alcan\u00e7ar a qualidade constante do trabalho do site, voc\u00ea deve manter constantemente o site monitorado.<\/p>\n
Suporte de acelera\u00e7\u00e3o<\/h3>\n
Qualquer projeto da web ao vivo \u00e9 atualizado regularmente, e ocorrem altera\u00e7\u00f5es em modelos comuns (temas de design, interfaces) e conte\u00fado. Al\u00e9m disso, o c\u00f3digo do programa (cliente e servidor) est\u00e1 mudando ativamente.<\/p>\n
Cada altera\u00e7\u00e3o pode afetar a velocidade do site. Para monitorar esse impacto, voc\u00ea precisa implementar um sistema de monitoramento de velocidade de site sint\u00e9tico no est\u00e1gio de desenvolvimento. Assim, os problemas de velocidade podem ser interceptados antes que os usu\u00e1rios os notem.<\/p>\n
Para otimizar o conte\u00fado de entrada, \u00e9 necess\u00e1rio integrar os procedimentos de otimiza\u00e7\u00e3o do sistema de gerenciamento de conte\u00fado. Primeiro de tudo, isso diz respeito ao processamento de imagens.<\/p>\n
Acelera\u00e7\u00e3o de sites \u00e9 uma \u00e1rea muito din\u00e2mica: novos padr\u00f5es est\u00e3o surgindo, seu suporte por navegadores est\u00e1 mudando. Portanto, \u00e9 importante auditar regularmente a tecnologia do projeto, processos e softwares utilizados.<\/p>\n
Monitoramento da velocidade real do usu\u00e1rio<\/h3>\n
Testes artificiais em condi\u00e7\u00f5es laboratoriais ideais s\u00e3o muito \u00fateis para avaliar mudan\u00e7as no c\u00f3digo do sistema, mas isso n\u00e3o \u00e9 suficiente. No final, queremos que o site funcione rapidamente para usu\u00e1rios reais. Para coletar esses dados, h\u00e1 um monitoramento da velocidade no lado do usu\u00e1rio (RUM – monitoramento real do usu\u00e1rio). Para organizar o RUM, basta conectar um dos sistemas de an\u00e1lise da web (Yandex.Metrics, Google Analytics) e ver relat\u00f3rios sobre o tempo de download do site. Para dados mais detalhados e precisos, voc\u00ea pode usar servi\u00e7os especializados de monitoramento de velocidade.<\/p>\n
Conclus\u00f5es<\/h3>\n
O tema da velocidade do site \u00e9 extenso e afeta muitos aspectos do desenvolvimento e suporte de um aplicativo da web: do c\u00f3digo do servidor ao conte\u00fado. Isso significa que obter bons resultados \u00e9 imposs\u00edvel sem envolver a equipe de desenvolvimento.<\/p>\n
O mais importante: lembre-se dos usu\u00e1rios, leve em considera\u00e7\u00e3o as v\u00e1rias condi\u00e7\u00f5es de uso do site.<\/p>\n
Acelera\u00e7\u00e3o do site \u00e9 um processo que ocorre com intensidade diferente ao longo do ciclo de vida de um projeto.<\/p>","protected":false},"excerpt":{"rendered":"Todo mundo sabe que um site lento \u00e9 ruim. Por causa da lentid\u00e3o, surgem s\u00e9rios problemas na solu\u00e7\u00e3o das tarefas cotidianas. \u00c0s vezes \u00e9 somente uma situa\u00e7\u00e3o chata. Frequentemente, a lentid\u00e3o do site \u00e9 problem\u00e1tica, principalmente quando temos o servi\u00e7o negado – as pessoas n\u00e3o esperam e acabam saindo. Isso \u00e9 relevante para casos de…","protected":false},"author":10380808,"featured_media":3348,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"pages-templates\/pages-minitools-3.php","meta":[],"categories":[60],"tags":[],"_links":{"self":[{"href":"https:\/\/test.sitechecker.pro\/pt\/wp-json\/wp\/v2\/pages\/1063"}],"collection":[{"href":"https:\/\/test.sitechecker.pro\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test.sitechecker.pro\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test.sitechecker.pro\/pt\/wp-json\/wp\/v2\/users\/10380808"}],"replies":[{"embeddable":true,"href":"https:\/\/test.sitechecker.pro\/pt\/wp-json\/wp\/v2\/comments?post=1063"}],"version-history":[{"count":0,"href":"https:\/\/test.sitechecker.pro\/pt\/wp-json\/wp\/v2\/pages\/1063\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/test.sitechecker.pro\/pt\/wp-json\/wp\/v2\/media\/3348"}],"wp:attachment":[{"href":"https:\/\/test.sitechecker.pro\/pt\/wp-json\/wp\/v2\/media?parent=1063"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/test.sitechecker.pro\/pt\/wp-json\/wp\/v2\/categories?post=1063"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/test.sitechecker.pro\/pt\/wp-json\/wp\/v2\/tags?post=1063"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}