{"id":51003,"date":"2022-04-26T09:09:17","date_gmt":"2022-04-26T07:09:17","guid":{"rendered":"https:\/\/kinsta.com\/es\/?p=51003&preview=true&preview_id=51003"},"modified":"2025-01-20T13:29:19","modified_gmt":"2025-01-20T12:29:19","slug":"compresion-brotli","status":"publish","type":"post","link":"https:\/\/kinsta.com\/es\/blog\/compresion-brotli\/","title":{"rendered":"Compresi\u00f3n Brotli: Una alternativa r\u00e1pida a la compresi\u00f3n GZIP"},"content":{"rendered":"

La velocidad es importante para cualquier sitio web. En la b\u00fasqueda de tiempos de carga r\u00e1pidos en la web, disponemos de diferentes tecnolog\u00edas para ayudarnos. Una de ellas consiste en minimizar el c\u00f3digo subyacente que utilizar\u00e1 tu sitio sin que ello afecte a su funcionamiento. La compresi\u00f3n GZIP es una forma de hacerlo, pero la compresi\u00f3n Brotli<\/a> es un m\u00e9todo alternativo en ciernes que llama la atenci\u00f3n.<\/p>\n

Es una soluci\u00f3n desarrollada por Google<\/a> que parece ofrecer una serie de ventajas sobre la compresi\u00f3n GZIP (as\u00ed como una alternativa a ella). Los detalles de este art\u00edculo tratar\u00e1n sobre lo que ofrece exactamente esta tecnolog\u00eda, pero la compresi\u00f3n Brotli es r\u00e1pida y eficiente, lo que cumple todos los requisitos para que la investigues.<\/p>\n

Mira Nuestro Videotutorial de Compresi\u00f3n Brotli<\/a><\/h3>\n<\/kinsta-video>\n

En este tutorial, vamos a estudiar la compresi\u00f3n Brotli y a mostrarte c\u00f3mo comprobar si tu sitio la utiliza, y c\u00f3mo activarla si es necesario. En primer lugar, vamos a situar a Brotli dentro del espacio de los algoritmos de compresi\u00f3n, y hablaremos de por qu\u00e9 querr\u00edas utilizarlo en lugar de otras soluciones.<\/p>\n

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

Compresi\u00f3n de datos para la web<\/h2>\n

En su forma m\u00e1s b\u00e1sica, la compresi\u00f3n de datos toma el c\u00f3digo de un sitio web o una aplicaci\u00f3n, y minimiza el tama\u00f1o del archivo. De este modo, se obtienen archivos m\u00e1s ligeros para moverlos por la web y se reduce el tiempo<\/a> que se tarda en cargar y renderizar un sitio web. Ver\u00e1s que hay muchas formas de comprimir los datos, dependiendo del tipo de archivo con el que est\u00e9s trabajando.<\/p>\n

Un enfoque com\u00fan es la \u00abminificaci\u00f3n\u00bb En este caso, un algoritmo despoja el c\u00f3digo de tu sitio de algunos de sus elementos superfluos. La idea es que aspectos como las sangr\u00edas, los comentarios, los espacios en blanco, etc., aumentar\u00e1n el tama\u00f1o de los archivos y , por tanto, los tiempos de carga<\/a>.<\/p>\n\n

La eliminaci\u00f3n de estos elementos no afecta a la experiencia del usuario (UX) en la mayor\u00eda de las situaciones. Sin<\/i> embargo, hace que las cosas sean m\u00e1s sencillas para los ordenadores que tienen que compilar y renderizar el c\u00f3digo. Por ejemplo, toma 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
El c\u00f3digo anterior utiliza elementos como espacios y retornos de carro para hacerlo legible para los humanos, pero un ordenador no los necesita para entender el c\u00f3digo principal. Es m\u00e1s, estos lotes de espacios en blanco y saltos de l\u00ednea ocupar\u00e1n un espacio precioso que, eliminado, puede suponer un aumento del rendimiento.<\/p>\n
Si minimizas este c\u00f3digo, su aspecto ser\u00e1 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
Sin embargo, los fundamentos de lo que hace este c\u00f3digo siguen siendo los mismos.<\/p>\n
Ver\u00e1s que otros tipos de archivos tienen formas de comprimir los datos. Por ejemplo, las im\u00e1genes suelen necesitar mucha compresi\u00f3n para reducir su tama\u00f1o sin que se degrade mucho la propia imagen:<\/p>\n
\"The
Un ejemplo de imagen optimizada.<\/figcaption><\/figure>\n
La compresi\u00f3n GZIP<\/a> es una forma est\u00e1ndar de minimizar el tama\u00f1o de los paquetes de archivos – piensa en paquetes como ZIP o en los paquetes de Linux .tar<\/code>. Pero hasta ahora no hab\u00eda alternativas reales. M\u00e1s adelante hablaremos de por qu\u00e9 deber\u00eda existir una alternativa, pero primero vamos a presentarte al \u00abcompetidor\u00bb de GZIP<\/p>\n
Compresi\u00f3n Brotli<\/h2>\n
En pocas palabras, Broti es un algoritmo de compresi\u00f3n de datos. Sin embargo, si esto fuera todo lo que tuvi\u00e9ramos que decir, no habr\u00eda raz\u00f3n para investigarlo.<\/p>\n
Proporciona una compresi\u00f3n \u00absin p\u00e9rdidas\u00bb y est\u00e1 desarrollado por Google bajo una licencia MIT<\/a>. La empresa suele estar a la vanguardia de la tecnolog\u00eda que avanza en la web, as\u00ed que no es de extra\u00f1ar que Brotli busque tomar lo que hace GZIP, mejorarlo y ofrecer una experiencia mejorada a los usuarios y a los sitios.<\/p>\n
La compresi\u00f3n Brotli utiliza las mismas tecnolog\u00edas b\u00e1sicas que la compresi\u00f3n GZIP, a saber<\/p>\n