![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-293175-6382f3bba4f92.webp\")
<\/a><\/p>\n\n No caso de um navegador que n\u00e3o suporta Brotli solicitar um ativo de um site que entrega arquivos compactados com Brotli, o servidor far\u00e1 fallback para Gzip e entregar\u00e1 ativos codificados que o navegador suporta \u2013 desde que o servidor esteja configurado corretamente.\n<\/p>\n
\n O que torna Brotli melhor?
\n<\/h5>\n
\n De acordo com a pesquisa realizada pela CertSimple<\/a> :\n<\/p>\n \n Como a maioria dos sites depende de todos esses tr\u00eas tipos de ativos, h\u00e1 uma diferen\u00e7a consider\u00e1vel nos tamanhos dos ativos em compara\u00e7\u00e3o com o Gzip. Essas economias, por sua vez, far\u00e3o uma melhoria not\u00e1vel no desempenho do seu aplicativo.\n<\/p>\n \n Apesar do que voc\u00ea pode ter ouvido, compactar ativos com Brotli n\u00e3o \u00e9 mais lento que Gzip. Dito isso, o Gzip e o Brotli oferecem n\u00edveis vari\u00e1veis \u200b\u200bde compacta\u00e7\u00e3o, e as configura\u00e7\u00f5es padr\u00e3o do Brotli podem resultar em uma compacta\u00e7\u00e3o mais lenta do que as configura\u00e7\u00f5es padr\u00e3o do Gzip. Voc\u00ea ter\u00e1 que fazer alguns ajustes no Brotli para encontrar um equil\u00edbrio aceit\u00e1vel entre o tamanho do arquivo e a velocidade de compacta\u00e7\u00e3o.\n<\/p>\n \n A configura\u00e7\u00e3o de compacta\u00e7\u00e3o ideal depende do que e quando voc\u00ea est\u00e1 compactando. Um bom ponto de partida \u00e9 o Brotli 4 para compacta\u00e7\u00e3o mais r\u00e1pida de conte\u00fado din\u00e2mico. Por outro lado, ativos est\u00e1ticos podem ser compactados de forma mais densa de antem\u00e3o sem sacrificar a velocidade, portanto, a configura\u00e7\u00e3o padr\u00e3o de “11” \u00e9 mais apropriada para esse tipo de conte\u00fado.\n<\/p>\n \n Adicionar suporte para Brotli fornece ganhos significativos com esfor\u00e7o m\u00ednimo. Dependendo de qual software de servidor web voc\u00ea est\u00e1 usando, determinar\u00e1 qual m\u00e9todo de integra\u00e7\u00e3o voc\u00ea precisar\u00e1 usar para integrar o Brotli. O seguinte descreve algumas op\u00e7\u00f5es dispon\u00edveis:\n<\/p>\n \n Para demonstrar um exemplo de instala\u00e7\u00e3o r\u00e1pida, digamos que voc\u00ea esteja executando o Nginx. Nesse caso, voc\u00ea pode instalar o m\u00f3dulo ngx_brotli com o seguinte:\n<\/p>\n \n Em seguida, adicione o seguinte ao bloco HTTPS (o Brotli s\u00f3 roda em HTTPS):\n<\/p>\n \n Voc\u00ea pode modificar as diretivas acima como achar melhor.\n<\/p>\n \n Por fim, insira o seguinte para reiniciar o NGINX e come\u00e7ar a colher os benef\u00edcios:\n<\/p>\n \n O Brotli \u00e9 \u00f3timo para fornecer ativos pr\u00e9-compactados muito mais r\u00e1pido que o Gzip. Isso se deve ao fato de que voc\u00ea pode comprimi-los no n\u00edvel mais alto de Brotli (11) e, em seguida, fazer com que o servidor de origem os pegue sempre que solicitado.\n<\/p>\n \n Esse tipo de configura\u00e7\u00e3o funciona muito bem com o Webpack, pois um plug-in do Webpack est\u00e1 dispon\u00edvel para compactar automaticamente seus ativos est\u00e1ticos como Gzip e Brotli. Portanto, nenhuma compacta\u00e7\u00e3o instant\u00e2nea \u00e9 necess\u00e1ria, o que significa que o tempo gasto na compacta\u00e7\u00e3o dos arquivos \u00e9 salvo.\n<\/p>\n \n Saiba mais sobre como usar o Webpack para gerar ativos compactados Brotli<\/a>.\n<\/p>\n \n Para colher todos os benef\u00edcios do Brotli, voc\u00ea precisa de uma rede de entrega de conte\u00fado<\/a> que o suporte. A KeyCDN, por exemplo, introduziu o suporte Brotli<\/a> no ano passado para todos os clientes sem nenhum custo adicional. Portanto, seu site n\u00e3o apenas se beneficiar\u00e1 de tamanhos de arquivo reduzidos gra\u00e7as \u00e0 melhor compacta\u00e7\u00e3o Brotli, mas tamb\u00e9m se beneficiar\u00e1 de lat\u00eancia reduzida gra\u00e7as aos ativos sendo armazenados em cache em servidores de ponta mais pr\u00f3ximos de seus visitantes.\n<\/p>\n \n Este m\u00e9todo requer que seu servidor de origem suporte Brotli e que a compacta\u00e7\u00e3o real ocorra no lado do servidor de origem. Novamente, isso ajuda a economizar tempo e evita a necessidade de compacta\u00e7\u00e3o instant\u00e2nea, que pode prejudicar o desempenho.\n<\/p>\n \n A pequena quantidade de esfor\u00e7o necess\u00e1ria para adicionar o Brotli ao seu servidor da Web vale bem a economia substancial no tamanho do arquivo. Embora o Brotli \u00e0s vezes funcione mais lentamente em suas configura\u00e7\u00f5es de compacta\u00e7\u00e3o mais altas, voc\u00ea pode facilmente alcan\u00e7ar um equil\u00edbrio ideal entre a velocidade de compacta\u00e7\u00e3o e o tamanho do arquivo ajustando as configura\u00e7\u00f5es.\n<\/p>\n \n Embora o uso do Brotli possa transformar aplicativos da Web r\u00e1pidos em aplicativos mais r\u00e1pidos, isso n\u00e3o necessariamente tornar\u00e1 os aplicativos lentos mais r\u00e1pidos. Como o Brotli comprime apenas recursos baseados em texto, voc\u00ea precisar\u00e1 otimizar suas imagens por outros meios. Se voc\u00ea ainda n\u00e3o mudou para HTTP\/2, isso pode fazer uma grande diferen\u00e7a no desempenho do seu aplicativo. Cada milissegundo conta, ent\u00e3o qualquer a\u00e7\u00e3o que voc\u00ea tomar para acelerar seu aplicativo aumenta suas chances de reter usu\u00e1rios.\n<\/p>\n<\/p>\n\n
\n Gzip vs Brotli: aproveitando ao m\u00e1ximo Brotli
\n<\/h5>\n\n Instalando o Brotli em seu servidor Web
\n<\/h5>\n\n
cd nginx-1.x.x\n$ .\/configure --add-module=\/path\/to\/ngx_brotli\n$ make && make install<\/code><\/pre>\nbrotli on;\nbrotli_static on;\nbrotli_comp_level 4;\nbrotli_types text\/plain text\/css application\/javascript application\/json image\/svg+xml application\/xml+rss;<\/code><\/pre>\nsudo systemctl restart nginx<\/code><\/pre>\n\n Usando Brotli com ativos pr\u00e9-compactados
\n<\/h5>\n\n Seu CDN suporta Brotli?
\n<\/h5>\n\n Gzip vs Brotli: em resumo
\n<\/h5>\n