{"id":48855,"date":"2022-04-26T04:12:58","date_gmt":"2022-04-26T07:12:58","guid":{"rendered":"https:\/\/kinsta.com\/pt\/?p=48855&preview=true&preview_id=48855"},"modified":"2025-01-20T09:29:13","modified_gmt":"2025-01-20T12:29:13","slug":"compressao-brotli","status":"publish","type":"post","link":"https:\/\/kinsta.com\/pt\/blog\/compressao-brotli\/","title":{"rendered":"Compress\u00e3o Brotli: Uma Alternativa R\u00e1pida para a Compress\u00e3o GZIP"},"content":{"rendered":"

A velocidade \u00e9 importante para qualquer site. Na busca por tempos de carregamento r\u00e1pidos, temos uma s\u00e9rie de tecnologias diferentes para nos ajudar. Uma abordagem \u00e9 minimizar o c\u00f3digo subjacente que seu site usar\u00e1 sem afetar como ele funciona. A compress\u00e3o GZIP \u00e9 uma maneira de fazer isso, mas a compress\u00e3o Brotli<\/a> \u00e9 um m\u00e9todo alternativo que chama a aten\u00e7\u00e3o.<\/p>\n

\u00c9 uma solu\u00e7\u00e3o desenvolvida pelo Google<\/a> que parece fornecer uma s\u00e9rie de benef\u00edcios sobre (assim como uma alternativa) compress\u00e3o GZIP. Os detalhes neste artigo v\u00e3o entrar exatamente no que a tecnologia oferece, mas a compress\u00e3o Brotli \u00e9 r\u00e1pida e eficiente – marcando todos os requisitos que voc\u00ea precisa para investig\u00e1-la.<\/p>\n

Confira nosso guia em v\u00eddeo sobre a compress\u00e3o Brotli<\/a><\/h3>\n<\/kinsta-video>\n

Para este tutorial, vamos analisar a compress\u00e3o Brotli e mostrar a voc\u00ea como verificar se o seu site a utiliza, e como habilit\u00e1-la se voc\u00ea precisar. Primeiro, vamos colocar Brotli no espa\u00e7o do algoritmo de compress\u00e3o, e falar sobre porque voc\u00ea quer us\u00e1-lo em vez de outras solu\u00e7\u00f5es.<\/p>\n

<\/div><\/kinsta-auto-toc>\n

Compress\u00e3o de dados para a Web<\/h2>\n

Em sua forma mais b\u00e1sica, a compress\u00e3o de dados leva o c\u00f3digo para um site ou aplicativo e minimiza o tamanho do arquivo. Isto lhe d\u00e1 arquivos mais leves para se mover pela web e reduz o tempo<\/a> levado para carregar e renderizar um site. Voc\u00ea encontrar\u00e1 muitas maneiras de comprimir os dados dependendo do tipo de arquivo com o qual voc\u00ea est\u00e1 trabalhando.<\/p>\n

Uma abordagem comum \u00e9 “minifica\u00e7\u00e3o” Aqui \u00e9 onde um algoritmo retira o c\u00f3digo do seu site de alguns de seus elementos sup\u00e9rfluos. A ideia \u00e9 que aspectos como travess\u00f5es, coment\u00e1rios, espa\u00e7o em branco aumentar\u00e3o o tamanho dos arquivos e portanto, o tempo de carregamento<\/a>.<\/p>\n\n

A remo\u00e7\u00e3o destes elementos n\u00e3o afeta a experi\u00eancia do usu\u00e1rio (UX) na maioria das situa\u00e7\u00f5es. No entanto,\u00a0ela torna as coisas mais simples para os computadores que t\u00eam que compilar e renderizar o c\u00f3digo. Por exemplo, pegue este conjunto de c\u00f3digo:<\/p>\n

define( 'WP_INSTALLING', true );\n\n\/** Sets up the WordPress Environment. *\/\nrequire __DIR__ . '\/wp-load.php';\nrequire __DIR__ . '\/wp-blog-header.php';\nif ( ! is_multisite() ) {\n  wp_redirect( wp_registration_url() );\n  die();\n}\n\n$valid_error_codes = array( 'already_active', 'blog_taken' );<\/code><\/pre>\n
O c\u00f3digo acima usa elementos como espa\u00e7os e retornos de carruagem para torn\u00e1-lo leg\u00edvel para humanos, mas um computador n\u00e3o precisa deles para entender o c\u00f3digo principal. Al\u00e9m disso, estes lotes de espa\u00e7os em branco e quebras de linha ocupar\u00e3o um espa\u00e7o precioso que, removido, pode lhe dar um aumento de desempenho.<\/p>\n
Se voc\u00ea minimizar este c\u00f3digo, ele parece completamente diferente:<\/p>\n
define( 'WP_INSTALLING', true ); \/** Sets up the WordPress Environment. *\n\/ require __DIR__ . '\/wp-load.php';\nrequire __DIR__ . '\/wp-blog-header.php';\nif ( ! is_multisite() ) {\n  wp_redirect( wp_registration_url() );\n  die();\n}\n\n$valid_error_codes = array( 'already_active', 'blog_taken' );<\/code><\/pre>\n
Entretanto, os fundamentos do que este c\u00f3digo faz ainda s\u00e3o os mesmos.<\/p>\n
Voc\u00ea vai descobrir que outros tipos de arquivos t\u00eam formas de comprimir dados. Por exemplo, as imagens geralmente levam muita compress\u00e3o para reduzir em tamanho sem muita degrada\u00e7\u00e3o da pr\u00f3pria imagem:<\/p>\n
\"Um
Um exemplo de uma imagem otimizada.<\/figcaption><\/figure>\n
A compress\u00e3o GZIP<\/a> \u00e9 uma maneira padr\u00e3o de minimizar o tamanho de pacotes de arquivos – pense em pacotes como ZIP ou pacotes Linux .tar<\/code>. Mas at\u00e9 agora n\u00e3o existiam alternativas reais. Falaremos mais sobre porque uma alternativa deve existir mais tarde, mas primeiro vamos apresentar a voc\u00ea o “concorrente” do GZIP<\/p>\n
Compress\u00e3o Brotli<\/h2>\n
Em poucas palavras, Brotli \u00e9 um algoritmo de compress\u00e3o de dados. Entretanto, se isto \u00e9 tudo o que temos a dizer, n\u00e3o haveria raz\u00e3o para investig\u00e1-lo.<\/p>\n
Ele fornece compress\u00e3o “sem perdas” desenvolvido pelo Google sob uma licen\u00e7a do MIT<\/a>. A empresa est\u00e1 frequentemente na vanguarda da tecnologia que avan\u00e7a na web, ent\u00e3o n\u00e3o \u00e9 surpresa que o Brotli procure pegar o que o GZIP faz, melhor\u00e1-la e oferecer uma experi\u00eancia aprimorada aos usu\u00e1rios e sites.<\/p>\n
A compress\u00e3o Brotli usa as mesmas tecnologias b\u00e1sicas da compress\u00e3o GZIP, ou seja, a compress\u00e3o GZIP:<\/p>\n