![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-293175-6382f3bba4f92.webp\")
<\/a><\/p>\n\n En el caso de que un navegador que no sea compatible con Brotli solicite un activo de un sitio que entregue archivos comprimidos con Brotli, el servidor recurrir\u00e1 a Gzip y entregar\u00e1 activos codificados compatibles con el navegador, siempre que el servidor est\u00e9 configurado correctamente.\n<\/p>\n
\n \u00bfQu\u00e9 hace que Brotli sea mejor?
\n<\/h5>\n
\n Seg\u00fan una investigaci\u00f3n realizada por CertSimple<\/a> :\n<\/p>\n \n Dado que la mayor\u00eda de los sitios web se basan en estos tres tipos de activos, esa es una diferencia considerable en el tama\u00f1o de los activos cuando se compara con Gzip. Estos ahorros, a su vez, har\u00e1n una mejora notable en el rendimiento de su aplicaci\u00f3n.\n<\/p>\n \n A pesar de lo que haya escuchado, comprimir recursos con Brotli no es m\u00e1s lento que con Gzip. Dicho esto, Gzip y Brotli ofrecen niveles variables de compresi\u00f3n, y la configuraci\u00f3n predeterminada de Brotli puede resultar en una compresi\u00f3n m\u00e1s lenta que la configuraci\u00f3n predeterminada de Gzip. Deber\u00e1 realizar algunos ajustes en Brotli para lograr un equilibrio aceptable entre el tama\u00f1o del archivo y la velocidad de compresi\u00f3n.\n<\/p>\n \n La configuraci\u00f3n de compresi\u00f3n ideal depende de qu\u00e9 y cu\u00e1ndo est\u00e9 comprimiendo. Un buen punto de partida es Brotli 4 para una compresi\u00f3n m\u00e1s r\u00e1pida de contenido din\u00e1mico. Por otro lado, los activos est\u00e1ticos se pueden comprimir m\u00e1s densamente de antemano sin sacrificar la velocidad, por lo que la configuraci\u00f3n predeterminada de \u00ab11\u00bb es m\u00e1s adecuada para dicho contenido.\n<\/p>\n \n Agregar soporte para Brotli proporciona ganancias significativas con un esfuerzo m\u00ednimo. Seg\u00fan el software de servidor web que est\u00e9 utilizando, se determinar\u00e1 qu\u00e9 m\u00e9todo de integraci\u00f3n deber\u00e1 utilizar para integrar Brotli. A continuaci\u00f3n se describen algunas opciones disponibles:\n<\/p>\n \n Para demostrar un ejemplo de instalaci\u00f3n r\u00e1pida, supongamos que est\u00e1 ejecutando Nginx. En ese caso, puede instalar el m\u00f3dulo ngx_brotli con lo siguiente:\n<\/p>\n \n A continuaci\u00f3n, agregue lo siguiente al bloque HTTPS (Brotli solo se ejecuta en HTTPS):\n<\/p>\n \n Puede modificar las directivas anteriores como mejor le parezca.\n<\/p>\n \n Finalmente, ingrese lo siguiente para reiniciar NGINX y comenzar a cosechar los beneficios:\n<\/p>\n \n Brotli es excelente para entregar activos precomprimidos mucho m\u00e1s r\u00e1pido que Gzip. Esto se debe al hecho de que puede comprimirlos al nivel m\u00e1s alto de Brotli (11) y luego hacer que el servidor de origen los recoja cuando se le solicite.\n<\/p>\n \n Este tipo de configuraci\u00f3n funciona muy bien con Webpack, ya que hay un complemento de Webpack disponible para comprimir autom\u00e1ticamente sus activos est\u00e1ticos como Gzip y Brotli. Por lo tanto, no se requiere compresi\u00f3n sobre la marcha, lo que significa que se ahorra el tiempo que de otro modo se dedicar\u00eda a comprimir los archivos.\n<\/p>\n \n Obtenga m\u00e1s informaci\u00f3n sobre c\u00f3mo usar Webpack para generar recursos comprimidos con Brotli<\/a>.\n<\/p>\n \n Para aprovechar al m\u00e1ximo los beneficios de Brotli, necesita una red de entrega de contenido<\/a> que lo admita. KeyCDN, por ejemplo, introdujo el soporte de Brotli<\/a> el a\u00f1o pasado para todos los clientes sin costo adicional. Por lo tanto, su sitio no solo se beneficiar\u00e1 de tama\u00f1os de archivo reducidos gracias a una mejor compresi\u00f3n de Brotli, sino que tambi\u00e9n se beneficiar\u00e1 de una latencia reducida gracias a que los activos se almacenan en cach\u00e9 en servidores perimetrales m\u00e1s cercanos a sus visitantes.\n<\/p>\n \n Este m\u00e9todo requiere que su servidor de origen admita Brotli y que la compresi\u00f3n real ocurra en el lado del servidor de origen. Una vez m\u00e1s, esto ayuda a ahorrar tiempo y evita la necesidad de una compresi\u00f3n sobre la marcha que puede perjudicar el rendimiento.\n<\/p>\n \n La peque\u00f1a cantidad de esfuerzo requerida para agregar Brotli a su servidor web bien vale la pena por los ahorros sustanciales en el tama\u00f1o del archivo. Aunque Brotli a veces puede funcionar m\u00e1s lento en su configuraci\u00f3n de compresi\u00f3n m\u00e1s alta, puede lograr f\u00e1cilmente un equilibrio ideal entre la velocidad de compresi\u00f3n y el tama\u00f1o del archivo ajustando la configuraci\u00f3n.\n<\/p>\n \n Si bien el uso de Brotli puede convertir aplicaciones web r\u00e1pidas en otras m\u00e1s r\u00e1pidas, no necesariamente har\u00e1 que las aplicaciones lentas sean r\u00e1pidas. Dado que Brotli solo comprime activos basados \u200b\u200ben texto, deber\u00e1 optimizar sus im\u00e1genes por otros medios. Si a\u00fan tiene que dar el salto a HTTP\/2, hacerlo puede marcar una gran diferencia en el rendimiento de su aplicaci\u00f3n. Cada milisegundo cuenta, por lo que cualquier acci\u00f3n que realice para acelerar su aplicaci\u00f3n mejora sus posibilidades de retener a los usuarios.\n<\/p>\n<\/p>\n\n
\n Gzip vs Brotli: sacar el m\u00e1ximo provecho de Brotli
\n<\/h5>\n\n Instalaci\u00f3n de Brotli en su 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 Uso de Brotli con activos precomprimidos
\n<\/h5>\n\n \u00bfSu CDN es compatible con Brotli?
\n<\/h5>\n\n Gzip vs Brotli: en resumen
\n<\/h5>\n