{"id":37296,"date":"2020-10-26T05:52:36","date_gmt":"2020-10-26T12:52:36","guid":{"rendered":"https:\/\/kinsta.com\/?p=80014"},"modified":"2025-02-14T13:25:47","modified_gmt":"2025-02-14T12:25:47","slug":"activar-compresion-gzip","status":"publish","type":"post","link":"https:\/\/kinsta.com\/es\/blog\/activar-compresion-gzip\/","title":{"rendered":"C\u00f3mo Activar la Compresi\u00f3n GZIP para Acelerar los Sitios de WordPress"},"content":{"rendered":"

La forma m\u00e1s f\u00e1cil de acelerar tu sitio de WordPress<\/a> es eliminar todos sus recursos no deseados<\/a>. La segunda forma m\u00e1s f\u00e1cil de acelerarla es comprimir todos sus recursos deseados. Activar la compresi\u00f3n GZIP en tu servidor web es una de las formas m\u00e1s simples y eficientes de lograrlo.<\/p>\n

Todos los navegadores modernos incluyen soporte para compresi\u00f3n GZIP por defecto. Sin embargo, para servir los recursos comprimidos a tus usuarios sin sobresaltos, debes configurar tu servidor correctamente.<\/p>\n

En este post, aprender\u00e1s los fundamentos de la compresi\u00f3n de datos en la web, qu\u00e9 es la compresi\u00f3n GZIP, sus diversos beneficios y c\u00f3mo puedes usarla para acelerar tus sitios de WordPress con diferentes configuraciones de servidor.<\/p>\n

\u00bfEntusiasmado? \u00a1Vamos a descomprimir!<\/p>\n

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

\u00bfPrefieres ver la versi\u00f3n en v\u00eddeo<\/a>?<\/h3>\n<\/kinsta-video>\n\n

Los Fundamentos de la Compresi\u00f3n de Datos en la Web<\/h2>\n

La compresi\u00f3n de datos en la web es el proceso de reducir el tama\u00f1o de los datos transmitidos por los sitios web. Dependiendo del tipo de datos -texto, im\u00e1genes, hojas de estilo, guiones, fuentes- hay varias maneras de comprimir los datos.<\/p>\n

\"Los
Los principales componentes de una p\u00e1gina web<\/figcaption><\/figure>\n

Por ejemplo, la minificaci\u00f3n de HTML, CSS y JavaScript<\/a> es una forma sencilla de reducir la cantidad de datos enviados por los navegadores. Aqu\u00ed, el minificador comprime el texto eliminando los caracteres innecesarios como comentarios<\/a> y espacios en blanco del c\u00f3digo fuente.<\/p>\n

En el ejemplo que figura a continuaci\u00f3n de un simple documento HTML<\/a>, hay tres tipos de contenido: Marcado HTML, estilos CSS<\/a> y c\u00f3digo JavaScript.<\/p>\n

Cada tipo de contenido tiene una sintaxis y sem\u00e1ntica \u00fanicas. En general, este documento HTML tiene 357 caracteres en total.<\/p>\n

<html<\/strong>>\n<head<\/strong>>\n    <style<\/strong>>\n    \/* kinsta-banner is used on the homepage only *\/\n    .kinsta-banner { font-size: 150% }\n    .kinsta-banner { width: 75% }\n<\/style<\/strong>>\n<\/head<\/strong>>\n<body<\/strong>>\n    \n    <div<\/strong>>...<\/div<\/strong>>\n    \n    <script<\/strong>>\n    kinstaScripts(); \/\/ random scripts used on the page\n    <\/script<\/strong>>\n<\/body<\/strong>>\n<\/html<\/strong>><\/code><\/pre>\n
El c\u00f3digo de arriba es f\u00e1cil de leer y seguir. Es ideal para el desarrollo. Sin embargo, no es necesario que el navegador lea los comentarios y tenga las etiquetas perfectamente indentadas. Un compresor inteligente puede analizar este documento y eliminar todos los bits innecesarios en \u00e9l.<\/p>\n
<html<\/strong>><head<\/strong>><style<\/strong>>.kinsta-banner{font-size:150%;width:75%}<\/style<\/strong>><\/head<\/strong>><body<\/strong>><div<\/strong>>...<\/div<\/strong>><script<\/strong>>kinstaScripts();<\/script<\/strong>><\/body<\/strong>><\/html<\/strong>><\/code><\/pre>\n
Despu\u00e9s de la minificaci\u00f3n, el documento HTML se reduce a solo 141 caracteres. Eso supone un 60,50% de ahorro <\/strong>en el n\u00famero de caracteres. No es tan f\u00e1cil de ver para los ojos, pero eso no le importa al navegador. Seguir\u00e1 mostrando la misma p\u00e1gina al usuario.<\/p>\n
Para aprovechar las ventajas de ambas versiones, puedes mantener el documento original como una \u00abversi\u00f3n de desarrollo\u00bb, pero minificando todo el c\u00f3digo antes de activarlo en vivo.<\/p>\n
La mayor\u00eda de los plugins de rendimiento de WordPress<\/a> se encargan de esto autom\u00e1ticamente por ti.<\/p>\n
\"Compresi\u00f3n
Compresi\u00f3n del tama\u00f1o del archivo de jQuery no comprimido vs. minificado<\/figcaption><\/figure>\n
Por ejemplo, la versi\u00f3n no comprimida de la biblioteca jQuery 3.5.1 <\/strong>es m\u00e1s de 3 veces mayor que la versi\u00f3n minificada del mismo archivo.<\/p>\n
Asimismo, las mismas t\u00e9cnicas de compresi\u00f3n descritas anteriormente pueden optimizar otros tipos de contenido como im\u00e1genes, v\u00eddeos, fuentes y mucho m\u00e1s. Las reducciones de contenido espec\u00edfico como estas son el primer paso para optimizar el tama\u00f1o de los activos basados en texto de tu sitio web.<\/p>\n
Estos evidentes beneficios son la raz\u00f3n por la que Kinsta ha incorporado una funci\u00f3n de minificaci\u00f3n de c\u00f3digo<\/a> en el panel de control de MyKinsta<\/a>. Los clientes pueden optar por la minificaci\u00f3n autom\u00e1tica de c\u00f3digo para sus archivos CSS y JavaScript, acelerando sus sitios con cero esfuerzo manual.<\/p>\n
Pero la compresi\u00f3n de datos es m\u00e1s que una simple minificaci\u00f3n. Mediante t\u00e9cnicas matem\u00e1ticas avanzadas, los algoritmos de compresi\u00f3n de datos pueden reducir a\u00fan m\u00e1s el tama\u00f1o de los datos.<\/p>\n
Uno de los ejemplos m\u00e1s populares de este m\u00e9todo de compresi\u00f3n de datos es GZIP<\/strong>. Permite una transmisi\u00f3n de datos eficiente y ha contribuido significativamente a hacer de Internet un medio de comunicaci\u00f3n global viable.<\/p>\n
\u00bfQu\u00e9 es la Compresi\u00f3n GZIP?<\/h2>\n
GZIP, abreviatura de GNU Zip<\/strong>, es el m\u00e9todo de compresi\u00f3n de datos sin p\u00e9rdidas m\u00e1s popular de la web. Te permite reducir el tama\u00f1o de las p\u00e1ginas HTML, hojas de estilo y scripts de tu sitio.<\/p>\n
Adem\u00e1s de ser un algoritmo de compresi\u00f3n de datos, el GZIP es tambi\u00e9n una extensi\u00f3n de archivo (.gz<\/strong>) y un software utilizado para la compresi\u00f3n\/descompresi\u00f3n de archivos.<\/p>\n
Est\u00e1 basado en el algoritmo DEFLATE<\/a>, que es una mezcla de la codificaci\u00f3n LZ77<\/a> y los algoritmos de codificaci\u00f3n Huffman<\/a>.<\/p>\n
\"La
La compresi\u00f3n GZIP se basa en el algoritmo DEFLATE<\/figcaption><\/figure>\n
Un compresor GZIP toma un conjunto de datos en bruto y los comprime sin p\u00e9rdida. Los datos en bruto pueden ser de cualquier tipo de archivo, pero el GZIP funciona mejor con activos basados en texto (por ejemplo, HTML, CSS, JS).<\/p>\n
La siguiente secci\u00f3n cubre c\u00f3mo funciona la compresi\u00f3n GZIP en profundidad.<\/p>\n
C\u00f3mo GZIP Comprime los Datos<\/h3>\n
\"Una
Una ilustraci\u00f3n aproximada de c\u00f3mo funciona la compresi\u00f3n GZIP<\/figcaption><\/figure>\n
Para empezar, el compresor GZIP ejecuta el algoritmo de compresi\u00f3n LZ77<\/a> sobre los datos en bruto para eliminar las redundancias. Este algoritmo funciona encontrando patrones repetidos en una ventana corrediza predefinida (una peque\u00f1a secci\u00f3n de los datos en bruto).<\/p>\n
Luego reemplaza todas las cadenas repetidas con tuplas para comprimir los datos en bruto.<\/p>\n
\"Una
Una ilustraci\u00f3n del algoritmo de codificaci\u00f3n del LZ77<\/figcaption><\/figure>\n
En el ejemplo anterior, el tama\u00f1o de la ventana corrediza es de solo 13 caracteres de largo (13 bytes). Sin embargo, la compresi\u00f3n GZIP puede utilizar un tama\u00f1o m\u00e1ximo de ventana deslizante de 32 KB (32.768 bytes). El tama\u00f1o de la ventana corrediza desempe\u00f1a un papel fundamental en el rendimiento de la compresi\u00f3n LZ77.<\/p>\n
Despu\u00e9s de comprimir los datos en bruto con el algoritmo LZ77, el compresor GZIP utiliza el algoritmo de codificaci\u00f3n Huffman<\/a> para comprimirlos a\u00fan m\u00e1s. Lo hace asignando a los caracteres que se producen con mayor frecuencia el menor n\u00famero de bits, mientras que asigna a los caracteres raros el mayor n\u00famero de bits.<\/p>\n
Esta t\u00e9cnica es como la utilizada en el c\u00f3digo Morse, donde las letras que aparecen m\u00e1s frecuentemente en el idioma ingl\u00e9s obtienen las secuencias m\u00e1s cortas.<\/p>\n
Para entender c\u00f3mo funciona el algoritmo de codificaci\u00f3n de Huffman, considera la palabra <\/span>BOOKKEEPER<\/strong><\/code>. <\/span>Tiene 10 caracteres de largo, pero solo tiene 6 caracteres \u00fanicos. Esta palabra tiene una buena mezcla de letras simples, dobles y triples.<\/p>\n
Casi todos los sitios web utilizan la codificaci\u00f3n de caracteres UTF-8<\/a> para representar letras y s\u00edmbolos. Cada car\u00e1cter ASCII<\/a> en UTF-8, que tambi\u00e9n incluye el alfabeto ingl\u00e9s, utiliza 1 byte (8 bits).<\/p>\n
\"La
La palabra \u00abBOOKKEEPER\u00bb tiene muchas letras que se repiten<\/figcaption><\/figure>\n
Una cadena de 10 caracteres como BOOKKEEPER<\/strong><\/code> requerir\u00e1 10 bytes (80 bits) de memoria. Puedes ver que contiene 1 instancia de las letras B<\/strong>, P<\/strong>, R<\/strong><\/code>, 2 instancias de las letras O<\/strong><\/code> y\u00a0K<\/strong><\/code>, y 3 instancias de la letra E<\/strong><\/code>.<\/p>\n
El algoritmo de codificaci\u00f3n de Huffman utiliza este conocimiento para comprimir la cadena sin p\u00e9rdidas. Lo hace generando un \u00e1rbol binario con cada letra \u00fanica como una hoja.<\/p>\n
Las letras de menor frecuencia (por ejemplo, B<\/strong>, P<\/strong>, R<\/strong>) se encontrar\u00e1n en la parte inferior del \u00e1rbol, mientras que las que aparecen con mayor frecuencia (por ejemplo, E<\/strong>, O<\/strong>, K<\/strong>) se encontrar\u00e1n idealmente en la parte superior.<\/p>\n
El nodo m\u00e1s alto del \u00e1rbol es la ra\u00edz<\/strong>, y su valor es igual al n\u00famero total de caracteres de la cadena.<\/p>\n
\"\u00c1rbol
\u00c1rbol Huffman para la palabra \u00abBOOKKEEPER\u00bb<\/figcaption><\/figure>\n
Despu\u00e9s de generar el \u00e1rbol de Huffman, todas las flechas de la rama izquierda y la derecha reciben n\u00fameros 0 <\/strong>y 1 <\/strong>respectivamente. Entonces se puede generar el c\u00f3digo Huffman para cualquier car\u00e1cter trazando el camino de la ra\u00edz a la hoja y uniendo todos los 0 <\/strong>y 1<\/strong>.<\/p>\n
\"Los
Los c\u00f3digos de Huffman son c\u00f3digos binarios \u00fanicos para cada car\u00e1cter<\/figcaption><\/figure>\n
Puedes ver que las letras de mayor frecuencia tienen c\u00f3digos Huffman con los tama\u00f1os de bits m\u00e1s peque\u00f1os.<\/p>\n
Nota: <\/strong>El algoritmo de Codificaci\u00f3n Huffman puede generar c\u00f3digos binarios alternativos utilizando una estrategia de ordenamiento diferente para los caracteres con las mismas frecuencias. Sin embargo, el tama\u00f1o total de la cadena codificada seguir\u00e1 siendo el mismo.<\/p>\n
\"Una
Una palabra de 80 bits codificada como una cadena de 25 bits<\/figcaption><\/figure>\n
Eso supone una reducci\u00f3n del 68,75% <\/strong>en la memoria necesaria para almacenar la palabra original.<\/p>\n
El uso del \u00e1rbol de Huffman con la convenci\u00f3n 0\/1 <\/strong>genera c\u00f3digos binarios que satisfacen la propiedad del prefijo<\/a>. Asegura que el c\u00f3digo Huffman de cualquier car\u00e1cter espec\u00edfico no es un prefijo del c\u00f3digo de cualquier otro car\u00e1cter, facilitando la decodificaci\u00f3n de la cadena codificada utilizando el \u00e1rbol Huffman. Esto juega un papel primordial en la velocidad de descompresi\u00f3n del GZIP.<\/p>\n
Al igual que con la palabra anterior, el compresor GZIP utiliza el algoritmo de codificaci\u00f3n Huffman para optimizar a\u00fan m\u00e1s las tuplas generadas por el algoritmo LZ77. Esto da como resultado archivos altamente comprimidos con .gz extension<\/a>.<\/p>\n
Si est\u00e1s interesado en aprender m\u00e1s acerca de c\u00f3mo funciona el GZIP, consulta este video<\/a> para tener una r\u00e1pida visi\u00f3n general.<\/p>\n
\u00bfQu\u00e9 Buena es la Compresi\u00f3n del GZIP?<\/h3>\n
T\u00edpicamente, el GZIP alcanza una tasa de compresi\u00f3n de alrededor del 70% para archivos peque\u00f1os, pero puede llegar hasta el 90% para activos de texto m\u00e1s grandes.<\/p>\n
\"Ratios
Ratios de compresi\u00f3n GZIP para algunas bibliotecas populares de CSS y JS<\/figcaption><\/figure>\n
En la tabla anterior, puedes ver que comprimir los archivos minimizados con GZIP pueden reducir su tama\u00f1o a\u00fan m\u00e1s.<\/p>\n
Nota: <\/strong>Puedes comprimir cualquier tipo de archivo con GZIP, pero para los activos ya comprimidos con otros m\u00e9todos (por ejemplo, im\u00e1genes, v\u00eddeos), no supondr\u00e1 ning\u00fan ahorro. A veces, incluso puede aumentar el tama\u00f1o del archivo.<\/p>\n
La fuerza de un algoritmo de compresi\u00f3n no solo depende de su relaci\u00f3n de compresi\u00f3n, sino tambi\u00e9n de la rapidez y eficiencia con que pueda comprimir y descomprimir los datos. Ah\u00ed es donde el GZIP sobresale para la mayor\u00eda de los casos de uso.<\/p>\n
Dado que el GZIP se descomprime r\u00e1pidamente usando un algoritmo de streaming, es un gran ajuste para los protocolos web donde la velocidad es crucial. Adem\u00e1s, GZIP utiliza recursos m\u00ednimos para comprimir y descomprimir datos, lo que lo hace ideal tanto para servidores como para clientes.<\/p>\n
\"Rendimiento
Rendimiento de compresi\u00f3n de brotli vs bzip2 vs GZIP vs xz (Fuente: OpenCPU)<\/figcaption><\/figure>\n
Los gr\u00e1ficos de arriba comparan el rendimiento de compresi\u00f3n de los algoritmos de compresi\u00f3n brotli<\/strong>, bzip2<\/strong>, gzip <\/strong>y xz<\/strong>. El GZIP pierde en la prueba de relaci\u00f3n de compresi\u00f3n por un ligero margen, pero para las velocidades de compresi\u00f3n y descompresi\u00f3n, supera a la competencia por completo.<\/p>\n
Mirando el gr\u00e1fico de la velocidad de compresi\u00f3n, podemos concluir que el GZIP es ideal para la compresi\u00f3n en tiempo real en servidores HTTP y otros flujos de datos en la web. Considerando todos sus aspectos positivos en el avance de la web, el IETF ratific\u00f3 el GZIP<\/a> como uno de los tres formatos est\u00e1ndar para la compresi\u00f3n en HTTP\/1.1.<\/p>\n
Nota: <\/strong>Una abstracci\u00f3n de la librer\u00eda de compresi\u00f3n de GZIP llamada zlib <\/strong>se utiliza en muchos sistemas operativos populares (Linux, macOS, iOS) y en las modernas consolas de juegos (PlayStation 4, Wii U, Xbox One). Tambi\u00e9n se utiliza en el formato de archivo PNG sin p\u00e9rdidas para comprimir im\u00e1genes.<\/p>\n
6 Ventajas de la Compresi\u00f3n GZIP<\/h2>\n
Echemos un vistazo m\u00e1s de cerca las ventajas m\u00e1s importantes de la compresi\u00f3n GZIP.<\/p>\n
Proporciona un \u00cdndice de Compresi\u00f3n Decente<\/h3>\n
Como ya hemos mencionado, el GZIP no tiene la mejor relaci\u00f3n de compresi\u00f3n en comparaci\u00f3n con su competencia. Pero tampoco est\u00e1 tan lejos de ellos. T\u00edpicamente, puede ayudar a reducir el tama\u00f1o de los recursos basados en texto en un 70-90%.<\/p>\n
Compresi\u00f3n y Descompresi\u00f3n S\u00faper R\u00e1pidas<\/h3>\n
Para la compresi\u00f3n de datos y las velocidades de descompresi\u00f3n, el GZIP es el claro vencedor. Es muy conveniente para la compresi\u00f3n sobre la marcha en los servidores HTTP y otros flujos de datos.<\/p>\n
Requiere Muy Poca Memoria<\/h3>\n
El GZIP deja una huella m\u00ednima de memoria, lo que lo hace adecuado para servidores y sistemas con capacidad de memoria limitada. Por lo tanto, lo encontrar\u00e1s soportado incluso por los proveedores de alojamiento web m\u00e1s baratos<\/a>.<\/p>\n
No se Expande Mucho Incluso en los Peores Casos<\/h3>\n
Los algoritmos de compresi\u00f3n de datos sin p\u00e9rdidas como el GZIP tienen un l\u00edmite estricto m\u00e1s all\u00e1 del cual no pueden comprimir los datos.<\/p>\n
T\u00edpicamente, esto ocurre cuando el recurso ya est\u00e1 bien comprimido, o si es peque\u00f1o y la sobrecarga de a\u00f1adir el diccionario GZIP es mayor que el ahorro de compresi\u00f3n. Podemos atribuir este fen\u00f3meno a un concepto llamado codificaci\u00f3n de entrop\u00eda<\/a>. El GZIP es altamente resistente a este efecto.<\/p>\n
Gratuito y de c\u00f3digo abierto<\/h3>\n
El GZIP fue creado principalmente como un sustituto gratuito y de c\u00f3digo abierto<\/a> del programa de compresi\u00f3n <\/strong>patentado utilizado en los primeros sistemas Unix. Por lo tanto, no est\u00e1 cargado con ninguna patente y puede ser usado libremente por cualquiera.<\/p>\n
Disfruta de Soporte Universal<\/h3>\n
Seg\u00fan W3Techs<\/a>, la compresi\u00f3n GZIP es utilizada por el 82% <\/strong>de todos los sitios web que rastrean, lo que lo convierte en el algoritmo de compresi\u00f3n m\u00e1s utilizado en la web.<\/p>\n
El GZIP es soportado por casi todos los servidores y clientes. No importa en qu\u00e9 servidor alojes tu sitio, puedes acelerarlo activando GZIP en \u00e9l.<\/p>\n
Advertencias GZIP en Herramientas de Prueba de Velocidad de Sitios Web<\/h2>\n
Adem\u00e1s de la minificaci\u00f3n, activar el GZIP es una de las optimizaciones de velocidad<\/a> m\u00e1s simples y efectivas que puedes implementar en tu sitio web.<\/p>\n
Tambi\u00e9n es una de las formas m\u00e1s f\u00e1ciles de optimizar WordPress. A pesar de esto, muchos sitios de WordPress todav\u00eda no lo usan.<\/p>\n
Cuando visitas un sitio web, tu navegador comprueba si el servidor web tiene el GZIP activado comprobando la codificaci\u00f3n de <\/span>content-encoding: gzip<\/strong><\/code> de respuesta. <\/span>Si la cabecera existe, recupera los archivos comprimidos, los descomprime y luego te sirve los archivos m\u00e1s peque\u00f1os autom\u00e1ticamente.<\/p>\n
\u00a0<\/p>\n
\"El
La cabecera de respuesta \u00abcontent-encoding: gzip\u00bb en Chrome DevTools<\/figcaption><\/figure>\n
Si el navegador no detecta la cabecera de respuesta del GZIP, descarga los archivos descomprimidos. En la mayor\u00eda de los casos, la diferencia en la velocidad de carga de la p\u00e1gina puede ser de varios segundos. Por lo tanto, si no tienes el GZIP activado, ver\u00e1s advertencias en las herramientas de prueba de velocidad del sitio web<\/a>.<\/p>\n
Advertencia GZIP en Google PageSpeed Insights \/ Lighthouse<\/h3>\n
Google Page Speed Insights<\/a> lanza una advertencia cuando no tienes habilitada la compresi\u00f3n de texto en tu sitio web.<\/p>\n
Nota: <\/strong>Google PageSpeed Insights y Google Lighthouse eran dos herramientas separadas para probar el rendimiento de los sitios web. Funcionaron independientemente una de la otra hasta 2018, cuando Google actualiz\u00f3 Page Speed Insights para usar Lighthouse<\/a> como su motor de an\u00e1lisis. Por lo tanto, PageSpeed Insights y Lighthouse son uno y el mismo ahora.<\/p>\n
\"Advertencia
Advertencia de \u00abHabilita la compresi\u00f3n de texto\u00bb en Google PageSpeed Insights<\/figcaption><\/figure>\n
En el sitio de ejemplo anterior, la compresi\u00f3n de los recursos basados en el texto puede reducir el peso de la p\u00e1gina en m\u00e1s de un 78% <\/strong>y acelerar el tiempo de carga de la p\u00e1gina en 2,1 segundos<\/strong>.<\/p>\n
Nota: <\/strong>PageSpeed Insights se basa en las cabeceras de respuesta devueltos a tu navegador por el servidor. A veces, puede mostrar una falsa advertencia incluso cuando tienes habilitada la compresi\u00f3n GZIP. Puede ser debido a la ejecuci\u00f3n de la prueba de velocidad en una m\u00e1quina que utiliza un servidor proxy intermedio o un software de seguridad. Pueden interferir con la descarga de archivos comprimidos de servidores externos.<\/p>\n
Advertencia GZIP en GTmetrix<\/h3>\n
GTmetrix<\/a> muestra una advertencia si tu sitio web no sirve recursos basados en texto comprimido. Al igual que Google PageSpeed Insights, tambi\u00e9n te mostrar\u00e1 el ahorro potencial que puedes conseguir.<\/p>\n
\"Advertencia
Advertencia de \u00abHabilita la compresi\u00f3n\u00bb en GTmetrix<\/figcaption><\/figure>\n
Nota: <\/strong>GTmetrix est\u00e1 actualizando su algoritmo de prueba de velocidad<\/a> para reemplazar las antiguas bibliotecas PageSpeed Insights e YSlow con las \u00faltimas m\u00e9tricas de Google Lighthouse<\/a>. Puedes esperar que su advertencia de compresi\u00f3n GZIP sea similar a la mostrada por Lighthouse.<\/p>\n
Herramientas de Alerta GZIP en el Pingdom Tools<\/h3>\n
Pingdom Tools<\/a> lanza una advertencia directa para comprimir los componentes de tu sitio web con GZIP.<\/p>\n
\"Advertencia
Advertencia \u00abComprimir componentes con GZIP\u00bb en Pingdom Tools<\/figcaption><\/figure>\n
En la secci\u00f3n de descripci\u00f3n, Pingdom Tools tambi\u00e9n te presenta algunas estad\u00edsticas sobre la importancia del GZIP. \u00a1Genial!<\/p>\n
Advertencia GZIP en WebPageTest<\/h3>\n
WebPage Test<\/a> muestra una advertencia en su pesta\u00f1a de Revisi\u00f3n de Rendimiento <\/strong>si detecta que alguna respuesta comprimible no est\u00e1 siendo servida de la manera m\u00e1s optimizada.<\/p>\n
\"Advertencia
Advertencia \u00abUsa GZIP compression\u00bb en WebPageTest<\/figcaption><\/figure>\n
La prueba de la p\u00e1gina web tambi\u00e9n te dar\u00e1 una puntuaci\u00f3n para mostrar la gravedad de la advertencia. Por ejemplo, califica la advertencia anterior con una puntuaci\u00f3n de 23 sobre 100, lo que significa que debes arreglarla con la mayor prioridad.<\/p>\n
\u00bfC\u00f3mo Comprobar Si La Compresi\u00f3n GZIP Est\u00e1 Activada?<\/h2>\n
El c\u00f3digo de Accept-Encoding: gzip, deflate<\/strong><\/code> la cabecera HTTP es soportado efectivamente por todos los navegadores modernos<\/a>. Por lo tanto, la mayor\u00eda de los alojamientos web habilitan la compresi\u00f3n GZIP (o compresi\u00f3n Brotli<\/a>) por defecto en todos sus servidores.<\/p>\n
Cuando los servidores web ven este encabezado enviado por un navegador, reconocen el soporte del navegador para GZIP y responden con una respuesta HTTP comprimida usando codificaci\u00f3n de\u00a0<\/span>content-encoding: gzip<\/strong><\/code> cabecera.<\/span><\/p>\n
Pero si est\u00e1s usando otro proveedor de alojamiento, o si solo quieres confirmar si tu sitio web sirve contenido comprimido GZIP correctamente, comprueba siempre si est\u00e1 activado.<\/p>\n
Abajo te mostramos algunas formas sencillas de comprobar la compresi\u00f3n del GZIP.<\/p>\n
<\/div><\/kinsta-auto-toc>\n
1. Herramientas de Prueba de Compresi\u00f3n GZIP Online<\/h3>\n
Usar una herramienta online es la forma m\u00e1s f\u00e1cil de comprobar si la compresi\u00f3n GZIP est\u00e1 habilitada en tu sitio web. Recomiendo usar las herramientas gratuitas Check GZIP Compression<\/a> o HTTP Compression Test<\/a>. Simplemente ingresa la URL de tu sitio web y presiona el bot\u00f3n Comprobar <\/strong>o Probar<\/strong>.<\/p>\n
Ambas herramientas en l\u00ednea te mostrar\u00e1n un breve informe sobre si el GZIP est\u00e1 habilitado o no, y la cantidad de transferencia de datos que ha guardado (o puede guardar) al servir la URL de la prueba con la compresi\u00f3n GZIP habilitada.<\/p>\n
La primera herramienta tambi\u00e9n te mostrar\u00e1 otra informaci\u00f3n relevante como el tipo de servidor de tu sitio web, el tipo de contenido y el tiempo de compresi\u00f3n.<\/p>\n
\"Probando
Probando la p\u00e1gina web de Kinsta con la herramienta de compresi\u00f3n Check GZIP<\/figcaption><\/figure>\n
Nota:<\/strong> A partir del 5 de noviembre de 2021, Kinsta ha actualizado la compresi\u00f3n Brotli a trav\u00e9s de Cloudflare para todas las solicitudes HTTPS. Puedes comprobar la compresi\u00f3n Brotli buscando content-encoding: br<\/code> en las cabeceras de respuesta de una petici\u00f3n.<\/p>\n
\"Probando
Probando Kinsta.com con la herramienta TTP Compression Test<\/figcaption><\/figure>\n
Debes tener en cuenta que la optimizaci\u00f3n del GZIP no se limita a tu p\u00e1gina web, sino que tambi\u00e9n incluye sus activos est\u00e1ticos basados en texto, como hojas de estilo, scripts y fuentes. Si utilizas una CDN para servir estos activos, debes asegurarte de que la CDN tambi\u00e9n los sirva con la compresi\u00f3n GZIP activada.<\/p>\n
La mayor\u00eda de los CDN modernos<\/a> como Cloudflare, Kinsta CDN<\/a>, KeyCDN, y CloudFront soportan la compresi\u00f3n GZIP. Puedes probar los activos servidos por CDN para la compresi\u00f3n GZIP enlazando directamente a los activos.<\/p>\n
\"Prueba
Prueba de compresi\u00f3n GZIP para activos alojados en un CDN<\/figcaption><\/figure>\n
En el informe anterior, puedes ver que la CDN de Kinsta utiliza el motor de KeyCDN<\/a>, que es una CDN tradicional.<\/p>\n
Nota:<\/strong> Kinsta ha cambiado a Cloudflare como su socio CDN para acelerar y asegurar los sitios de nuestros clientes. Puedes leer m\u00e1s sobre esto aqu\u00ed<\/a>.<\/p>\n
Si utilizas Kinsta para alojar tu sitio, no tienes que preocuparte por nada de la compresi\u00f3n GZIP ya que activamos la compresi\u00f3n Brotli \u2014 una alternativa m\u00e1s r\u00e1pida a la compresi\u00f3n GZIP<\/a> \u2014 por defecto.<\/p>\n