{"id":4585,"date":"2021-02-09T10:41:36","date_gmt":"2021-02-09T09:41:36","guid":{"rendered":"https:\/\/www.lucushost.com\/blog\/?p=4585"},"modified":"2025-01-22T16:14:45","modified_gmt":"2025-01-22T15:14:45","slug":"compresion-brotli","status":"publish","type":"post","link":"https:\/\/www.lucushost.com\/blog\/compresion-brotli\/","title":{"rendered":"Compresi\u00f3n Brotli: \u00bfUn sistema mejor que GZIP?"},"content":{"rendered":"<p>La b\u00fasqueda por ofrecer una mejor experiencia de usuario ha hecho que cada vez se desarrollen nuevas tecnolog\u00edas y sistemas que permitan mejorar la velocidad y maximizar el rendimiento web. Un claro ejemplo de ello es <strong>Brotli<\/strong>.<\/p>\n<p><!--more--><\/p>\n<p>Hasta hace relativamente poco, cuando habl\u00e1bamos de un sistema de compresi\u00f3n web lo primero que se nos ven\u00eda a la cabeza era GZIP, \u00bfverdad? Pues bien, las cosas han cambiado bastante, y es hora de darle paso a su digno sucesor: Brotli.<\/p>\n<p>Si no sabes muy bien de qu\u00e9 te hablo, no te preocupes. En este art\u00edculo voy a explicarte qu\u00e9 es Brotli, las ventajas de este sistema de compresi\u00f3n y c\u00f3mo puede mejorar el rendimiento de tu web.<\/p>\n<p>\u00bfVamos a ello?<\/p>\n<div id=\"toc_container\" class=\"no_bullets\"><p class=\"toc_title\">Tabla de contenidos:<\/p><ul class=\"toc_list\"><li><a href=\"#Que_es_Brotli\">\u00bfQu\u00e9 es Brotli?<\/a><\/li><li><a href=\"#Brotli_vs_GZIP\">Brotli vs GZIP<\/a><ul><li><a href=\"#Rendimiento_de_Brotli_vs_GZIP\">Rendimiento de Brotli vs GZIP<\/a><ul><li><a href=\"#Capacidad_de_compresion\">Capacidad de compresi\u00f3n<\/a><\/li><li><a href=\"#Velocidad_de_compresion\">Velocidad de compresi\u00f3n<\/a><\/li><\/ul><\/li><\/ul><\/li><li><a href=\"#Puedo_utilizar_Brotli_en_mi_pagina_web\">\u00bfPuedo utilizar Brotli en mi p\u00e1gina web?<\/a><\/li><\/ul><\/div>\n\n<h2><span id=\"Que_es_Brotli\">\u00bfQu\u00e9 es Brotli?<\/span><\/h2>\n<p>Brotli es un algoritmo de compresi\u00f3n de datos de c\u00f3digo abierto, desarrollado por Jyrki Alakuijala y Zolt\u00e1n Szabadka de Google, bajo la licencia MIT. Este sistema de compresi\u00f3n no genera ninguna p\u00e9rdida de datos, utilizando una combinaci\u00f3n del LZ77 y la codificaci\u00f3n Huffman.<\/p>\n<p>Aunque su desarrollo inicial se lanz\u00f3 en 2015 y estaba pensando para tipograf\u00eda web, Brotli ha sido parcialmente reescrito con el objetivo de mejorar sus niveles de compresi\u00f3n y descompresi\u00f3n y abarcar otro tipo de datos como im\u00e1genes, documentos HTML, <a href=\"https:\/\/www.lucushost.com\/blog\/css\/\">CSS<\/a>, scripts, etc.<\/p>\n<p>Actualmente Brotli es considerado como el sistema de compresi\u00f3n web m\u00e1s potente, ofreciendo <a href=\"https:\/\/tools.ietf.org\/html\/rfc7932#section-1.1\" rel=\"nofollow noopener\" target=\"_blank\"><strong>mejoras de hasta un 20 &#8211; 26%<\/strong><\/a> respecto a los sistemas de compresi\u00f3n m\u00e1s convencionales como Deflate, GZIP o Zopfli, este \u00faltimo tambi\u00e9n desarrollado por Google.<\/p>\n<h2><span id=\"Brotli_vs_GZIP\">Brotli vs GZIP<\/span><\/h2>\n<p>Brotli y GZIP son dos algoritmos o sistemas que se encargan de la compresi\u00f3n de datos. Cuanto menor sea el volumen de datos utilizado, a mayor velocidad se transmitir\u00e1n estos datos por Internet.<\/p>\n<p>Para medir la eficiencia de uno u otro sistema de compresi\u00f3n hay que tener en cuenta siempre estas dos variables:<\/p>\n<ul>\n<li><strong>Capacidad de compresi\u00f3n<\/strong>: es decir, en cu\u00e1nto podemos reducir el tama\u00f1o de un archivo.<\/li>\n<li><strong>Velocidad de compresi\u00f3n<\/strong>: la rapidez o velocidad con la que se comprime y descomprime un archivo.<\/li>\n<\/ul>\n<p>Por tanto, aunque el objetivo de Brotli y GZIP sea el mismo (reducir el tama\u00f1o de los datos y mejorar velocidad), la diferencia radica en c\u00f3mo comprimen estos datos y qu\u00e9 tan eficiente es la tecnolog\u00eda que utilizan.<\/p>\n<p>Brotli utiliza un diccionario predefinido de 120 kilobyte con 13.000 palabras comunes, frases y cadenas de texto y HTML con 11 niveles de compresi\u00f3n, mientras que GZIP posee 9 niveles. Con esta herramienta puedes realizar una <strong><a href=\"https:\/\/tools.paulcalvano.com\/compression.php\" rel=\"nofollow noopener\" target=\"_blank\">estimaci\u00f3n de c\u00f3mo comprimen los datos<\/a> <\/strong>cada uno de estos dos sistemas.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4586\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2021\/02\/compresion-brotli-vs-gzip.png\" alt=\"Compresi\u00f3n Brotli vs GZIP\" width=\"1118\" height=\"523\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2021\/02\/compresion-brotli-vs-gzip.png 1118w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2021\/02\/compresion-brotli-vs-gzip-300x140.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2021\/02\/compresion-brotli-vs-gzip-1024x479.png 1024w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2021\/02\/compresion-brotli-vs-gzip-768x359.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2021\/02\/compresion-brotli-vs-gzip-700x327.png 700w\" sizes=\"(max-width: 1118px) 100vw, 1118px\" \/><\/p>\n<p>Para un mismo dominio los resultados de estas dos tecnolog\u00edas son diferentes. A grandes rasgos podemos decir que Brotli ofrece mejores niveles de compresi\u00f3n que GZIP, pero profundicemos un poco m\u00e1s en esto.<\/p>\n<h3><span id=\"Rendimiento_de_Brotli_vs_GZIP\">Rendimiento de Brotli vs GZIP<\/span><\/h3>\n<p>Hay muchos estudios publicados acerca de Brotli vs GZIP para ver cu\u00e1l de estos dos sistemas ofrecen mejores niveles de rendimiento. En este ejemplo vamos a mostrarte los resultados del <strong><a href=\"https:\/\/blogs.akamai.com\/2016\/02\/understanding-brotlis-potential.html\" rel=\"nofollow noopener\" target=\"_blank\">an\u00e1lisis realizado por Akamai<\/a><\/strong> en el que recoge una muestra de 1000 URLs utilizando ambas tecnolog\u00edas de compresi\u00f3n.<\/p>\n<h4><span id=\"Capacidad_de_compresion\">Capacidad de compresi\u00f3n<\/span><\/h4>\n<ul>\n<li>En HTML Brotli ahorra un 21% m\u00e1s de espacio que GZIP.<\/li>\n<li>En JavaScript este ahorro es del 14%.<\/li>\n<li>En c\u00f3digo CSS el ahorro es del 17%.<\/li>\n<\/ul>\n<p>En t\u00e9rminos generales, GZIP es capaz de reducir los datos hasta un 78%, pero la media de Brotli est\u00e1 en un 82%. Pero como dijimos antes, lo importante no es solo la capacidad de compresi\u00f3n, sino tambi\u00e9n la velocidad.<\/p>\n<h4><span id=\"Velocidad_de_compresion\">Velocidad de compresi\u00f3n<\/span><\/h4>\n<p>En t\u00e9rminos de velocidad, GZIP es capaz de obtener mejores resultados que Brotli en algunos niveles de compresi\u00f3n. Esto nos hace pensar que Brotli puede ser m\u00e1s adecuado para comprimir datos est\u00e1ticos debido a la gran capacidad de compresi\u00f3n que posee respeto a GZIP, mientras que este \u00faltimo ser\u00eda adecuado para archivos din\u00e1micos, ya que en ciertos niveles juega con mayor velocidad.<\/p>\n<p>No obstante, como se\u00f1ala Akamai, esto \u00fanicamente ocurre \u00fanicamente en algunos niveles de GZIP y teniendo en cuenta los 11 niveles que posee Brotli y que el ahorro de datos es mucho mayor, concluye que la relaci\u00f3n capacidad-velocidad de este \u00faltimo es mayor, siendo capaz de ofrecer mejores resultados.<\/p>\n<h2><span id=\"Puedo_utilizar_Brotli_en_mi_pagina_web\">\u00bfPuedo utilizar Brotli en mi p\u00e1gina web?<\/span><\/h2>\n<p>Despu\u00e9s de ver los resultados de Brotli vs GZIP seguramente te est\u00e9s preguntando c\u00f3mo utilizar Brotli en tu p\u00e1gina web.<\/p>\n<p>Al tratarse de un sistema relativamente nuevo, muchos servidores todav\u00eda no incorporan esta funcionalidad y siguen trabajando con GZIP, pero en LucusHost ya est\u00e1 integrado en nuestros <strong><a href=\"\/hosting-ssd\">planes de hosting<\/a><\/strong>. De hecho, en la actualidad, los navegadores m\u00e1s utilizados (Google Chorme, Firefox, Opera, Safari&#8230;) ya soportan Brotli.<\/p>\n<p>\u00bfY sabes lo mejor? No tienes que hacer nada para activarlo \ud83d\ude42 . Autom\u00e1ticamente, cuando un navegador realice una petici\u00f3n a tu web, autom\u00e1ticamente el servidor devuelve el contenido comprimido con Brotli.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>La b\u00fasqueda por ofrecer una mejor experiencia de usuario ha hecho que cada vez se desarrollen nuevas tecnolog\u00edas y sistemas que permitan mejorar la velocidad y maximizar el rendimiento web. Un claro ejemplo de ello es Brotli.<\/p>\n","protected":false},"author":3,"featured_media":4587,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[45],"tags":[79,61],"_links":{"self":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts\/4585"}],"collection":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/comments?post=4585"}],"version-history":[{"count":11,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts\/4585\/revisions"}],"predecessor-version":[{"id":12079,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts\/4585\/revisions\/12079"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/media\/4587"}],"wp:attachment":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/media?parent=4585"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/categories?post=4585"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/tags?post=4585"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}