Hoy en d\u00eda es sumamente importante que nuestro sitio cargue lo m\u00e1s r\u00e1pido posible, tanto del punto de vista SEO como para que los usuarios tengan una buena experiencia.<\/p>\n\n\n\n
Cuando alguien visita tu p\u00e1gina, una petici\u00f3n es enviada a tu servidor para que entregue los archivos necesarios para que esta cargue. Entre m\u00e1s grandes sean estos archivos, m\u00e1s tiempo se tardar\u00e1 en cargar la p\u00e1gina. Comprimir tu p\u00e1gina y el CSS<\/strong> antes de enviarlo al navegador es una excelente forma de reducir significativamente el tiempo de carga al hacer que los archivos sean m\u00e1s peque\u00f1os, para eso tenemos la herramienta de compresi\u00f3n GZIP<\/strong>.<\/p>\n\n\n\n En pocas palabras, GZIP encuentra l\u00edneas similares dentro de un texto y las reemplaza temporalmente, esto hace que el archivo sea m\u00e1s peque\u00f1o. La compresi\u00f3n por GZIP beneficia mucho a nuestro sitio gracias al ambiente HTML y CSS que lo archivos usan y que repiten muchos textos y espacios. En los resultados finales, la compresi\u00f3n por GZIP puede reducir el tama\u00f1o de carga de tu p\u00e1gina del 60 al 70%<\/strong>.<\/p>\n\n\n\n ADVERTENCIA<\/strong>: Gzip acelera tu sitio y reduce el tiempo de carga, pero como consecuencia usa m\u00e1s CPU. As\u00ed que al habilitarlo asegura de que el uso de CPU este estable.<\/p>\n\n\n\n Antes de comenzar con el tutorial debes de tener a la mano lo siguiente:<\/p>\n\n\n\n <\/p>\n\n\n\n Puedes habilitar la compresi\u00f3n GZIP en tu sitio usando tanto mod_gzip<\/em> como mod_deflate<\/em>. La compresi\u00f3n usando mod_deflate generalmente se recomienda para tener una mejor conversi\u00f3n de algoritmo y cuando el modulo es compatible con una versi\u00f3n m\u00e1s reciente de apache.<\/p>\n\n\n\n La compresi\u00f3n gzip v\u00eda mod_deflate<\/em> puede ser habilitada al implementar el siguiente c\u00f3digo dentro de tu archivo .htaccess<\/em>, el cual generalmente se encuentra en la carpeta ra\u00edz de tu hosting (public_html) o en el directorio donde instalaste tu sitio.<\/p>\n\n\n\n Una vez que guardes los cambios en el archivo, tu compresi\u00f3n deber\u00eda de estar habilitada.<\/p>\n\n\n\n Los usuarios de varios CMS pueden usar plugins para hacerlo, en el caso de los usuarios de WordPress pueden hacerlo usando plugins como Gzip Ninja Speed Compression<\/a>.<\/p>\n\n\n\n Mientras que los usuarios de Joomla pueden hacerlo en Sistema ><\/strong> Configuraci\u00f3n Global > Servidor.<\/p>\n\n\n\n Si tienes acceso al cPanel, entonces puedes habilitar GZIP<\/strong> para todos tus sitios desde tu cuenta de hosting usando la opci\u00f3n Optimizar Sitio Web<\/strong> o Optimize Website<\/strong>. Esta es muy sencilla de usar y conforme vayas usando la herramienta notaras que no tiene ninguna dificultad.<\/p>\n\n\n\n Hay algunas web y herramientas que sirven para medir el tiempo de carga de tu p\u00e1gina y saber si la compresi\u00f3n por GZIP est\u00e1 habilitada. Nosotros recomendamos usar p\u00e1ginas como\u00a0GTMetrix<\/a>\u00a0y\u00a0WebPageTest<\/a>.<\/p>\n\n\n\n En conclusi\u00f3n, optimizar la velocidad de carga de tu sitio web es esencial para mejorar la experiencia del usuario y favorecer el posicionamiento en los motores de b\u00fasqueda. La implementaci\u00f3n de la compresi\u00f3n GZIP emerge como una estrategia efectiva para reducir el tama\u00f1o de los archivos y, por ende, acelerar la carga de las p\u00e1ginas.<\/p>\n\n\n\n Hemos explorado c\u00f3mo la compresi\u00f3n GZIP encuentra l\u00edneas similares en el texto y las reemplaza temporalmente, generando archivos m\u00e1s peque\u00f1os que se transmiten de manera eficiente. Esta t\u00e9cnica beneficia especialmente a los archivos HTML y CSS, donde se repiten textos y espacios.<\/p>\n\n\n\n Es fundamental tener en cuenta que, aunque GZIP acelera el sitio, tambi\u00e9n puede aumentar el uso de la CPU del servidor. Por lo tanto, se recomienda monitorizar el rendimiento y asegurarse de que la infraestructura del servidor pueda manejar la carga adicional.<\/p>\n\n\n\n En cuanto a la implementaci\u00f3n, ofrecimos tres opciones: la edici\u00f3n del archivo .htaccess, el uso de plugins en plataformas CMS como WordPress, y la activaci\u00f3n a trav\u00e9s del cPanel. Cada m\u00e9todo tiene sus ventajas, y la elecci\u00f3n depende de la preferencia y nivel de conocimiento del usuario.<\/p>\n\n\n\n En resumen, al seguir este tutorial y habilitar la compresi\u00f3n GZIP, podr\u00e1s disfrutar de tiempos de carga m\u00e1s r\u00e1pidos, mejorando la eficiencia de tu sitio web. No olvides realizar pruebas peri\u00f3dicas utilizando herramientas como GTMetrix, WebPageTest o PageSpeed Insights para asegurarte de que la compresi\u00f3n est\u00e1 activada y tu sitio funciona de manera \u00f3ptima. <\/p>\n\n\n\n \u00a1Optimiza tu sitio y proporciona a tus visitantes una experiencia r\u00e1pida y eficiente!<\/p>\n","protected":false},"excerpt":{"rendered":" GZIP Comprimir p\u00e1gina Hoy en d\u00eda es sumamente importante que nuestro sitio cargue lo m\u00e1s r\u00e1pido posible, tanto del punto de vista SEO como para que los usuarios tengan una buena experiencia. Cuando alguien visita tu p\u00e1gina, una petici\u00f3n es enviada a tu servidor para que entregue los archivos necesarios para que esta cargue. Entre […]<\/p>\n","protected":false},"author":2,"featured_media":6512,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[35],"tags":[180,179],"class_list":{"0":"post-6511","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-optimizacion","8":"tag-comprimir-pagina","9":"tag-gzip"},"_links":{"self":[{"href":"https:\/\/extassisnetwork.com\/tutoriales\/wp-json\/wp\/v2\/posts\/6511","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/extassisnetwork.com\/tutoriales\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/extassisnetwork.com\/tutoriales\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/extassisnetwork.com\/tutoriales\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/extassisnetwork.com\/tutoriales\/wp-json\/wp\/v2\/comments?post=6511"}],"version-history":[{"count":4,"href":"https:\/\/extassisnetwork.com\/tutoriales\/wp-json\/wp\/v2\/posts\/6511\/revisions"}],"predecessor-version":[{"id":8857,"href":"https:\/\/extassisnetwork.com\/tutoriales\/wp-json\/wp\/v2\/posts\/6511\/revisions\/8857"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/extassisnetwork.com\/tutoriales\/wp-json\/wp\/v2\/media\/6512"}],"wp:attachment":[{"href":"https:\/\/extassisnetwork.com\/tutoriales\/wp-json\/wp\/v2\/media?parent=6511"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/extassisnetwork.com\/tutoriales\/wp-json\/wp\/v2\/categories?post=6511"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/extassisnetwork.com\/tutoriales\/wp-json\/wp\/v2\/tags?post=6511"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\u00bfQu\u00e9 necesitas?<\/h2>\n\n\n\n
\n
1.- Habilitar la compresi\u00f3n gzip<\/h2>\n\n\n\n
Opci\u00f3n 1: Editar el archivo .htaccess<\/h2>\n\n\n\n
Agrega el siguiente c\u00f3digo:<\/strong><\/h3>\n\n\n\n
\r<IfModule mod_deflate.c>\r\nAddOutputFilterByType DEFLATE text\/html\r\nAddOutputFilterByType DEFLATE text\/css\r\nAddOutputFilterByType DEFLATE text\/javascript\r\nAddOutputFilterByType DEFLATE text\/xml\r\nAddOutputFilterByType DEFLATE text\/plain\r\nAddOutputFilterByType DEFLATE image\/x-icon\r\nAddOutputFilterByType DEFLATE image\/svg+xml\r\nAddOutputFilterByType DEFLATE application\/rss+xml\r\nAddOutputFilterByType DEFLATE application\/javascript\r\nAddOutputFilterByType DEFLATE application\/x-javascript\r\nAddOutputFilterByType DEFLATE application\/xml\r\nAddOutputFilterByType DEFLATE application\/xhtml+xml\r\nAddOutputFilterByType DEFLATE application\/x-font\r\nAddOutputFilterByType DEFLATE application\/x-font-truetype\r\nAddOutputFilterByType DEFLATE application\/x-font-ttf\r\nAddOutputFilterByType DEFLATE application\/x-font-otf\r\nAddOutputFilterByType DEFLATE application\/x-font-opentype\r\nAddOutputFilterByType DEFLATE application\/vnd.ms-fontobject\r\nAddOutputFilterByType DEFLATE font\/ttf\r\nAddOutputFilterByType DEFLATE font\/otf\r\nAddOutputFilterByType DEFLATE font\/opentype\r\n \r\n# For Older Browsers Which Can't Handle Compression\r\nBrowserMatch ^Mozilla\/4 gzip-only-text\/html\r\nBrowserMatch ^Mozilla\/4\\.0[678] no-gzip\r\nBrowserMatch \\bMSIE !no-gzip !gzip-only-text\/html\r\n<\/IfModule><\/code><\/pre>\n\n\n\nEn caso de que tu servidor no soporte mod_deflate, entonces puedes probar con mod_gzip:<\/h3>\n\n\n\n
<ifModule mod_gzip.c>\r\nmod_gzip_on Yes\r\nmod_gzip_dechunk Yes\r\nmod_gzip_item_include file \\.(html?|txt|css|js|php|pl)$\r\nmod_gzip_item_include mime ^application\/x-javascript.*\r\nmod_gzip_item_include mime ^text\/.*\r\nmod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*\r\nmod_gzip_item_exclude mime ^image\/.*\r\nmod_gzip_item_include handler ^cgi-script$\r\n<\/ifModule><\/code><\/pre>\n\n\n\nOpci\u00f3n 2: Usar plugins en tu CMS<\/h2>\n\n\n\n
Opci\u00f3n 3: Usando el cPanel<\/h2>\n\n\n\n
Comprobar la compresi\u00f3n Gzip<\/h2>\n\n\n\n
Conclusi\u00f3n:<\/strong><\/h2>\n\n\n\n