Una de las cosas que más cuentan los buscadores es la rapidez de tu página. Y esta puede verse afectada o por mal código, o por mucho acceso. Los hosting compartidos tienen un ancho de banda limitado (y unos recursos de servidor).Evidentemente cuanto más gente acceda más afecta al rendimiento. Por lo tanto es buena idea que el servidor comprima el contenido de la página web, lo que hace que no afecte tanto al ancho de banda y el lector reciba antes la información. En WordPress por ejemplo hay módulos que dan el contenido de páginas dinámicas a las que se accedan mucho en modo estático, optimizando bastante la velocidad de acceso.
Pero es que aunque no contara para el SEO, evidentemente una persona que note que la web vaya lenta…acabará hartándose y marchándose. Por lo tanto es buena idea activar la compresión GZip en el servidor, a veces reduce hasta un 80% el tamaño de las páginas. Aquí te decimos cómo:
Apache consigue la compresión a través de los módulos mod_gzip y mod_deflate. Para ello primero tendrás que ver si están activados en tu proveedor. Puedes usar un fichero php_info(). SI están cargados pero no está haciendo la compresión puedes activarlos a través de .htaccess (pequeño fichero que se añade en la raíz para modificar parámetros de Apache y php). SI ESTÁN ACTIVADOS LOS MÓDULOS:
Para activarlo para html y texto:
# compress all text and html:
AddOutputFilterByType DEFLATE text/html text/plain text/xml# Or, compress certain file types by extension:<Files *.html>SetOutputFilter DEFLATE</Files>
<Location /> SetOutputFilter DEFLATE SetEnvIfNoCase Request_URI .(?:gif|jpeg|png)$ no-gzip dont-vary SetEnvIfNoCase Request_URI .(?:exe|t?gz|zip|gz2|sit|rar)$ no-gzip dont-vary</Location> |
Así lo puedes hacer con mod_gzip:
<IfModule mod_gzip.c> mod_gzip_on Yes mod_gzip_dechunk Yes mod_gzip_item_include file .(html?|txt|css|js|php|pl)$ mod_gzip_item_include handler ^cgi-script$ mod_gzip_item_include mime ^text/.* mod_gzip_item_include mime ^application/x-javascript.* mod_gzip_item_exclude mime ^image/.* mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*</IfModule> |
En nuestro caso los módulos estaban pero desactivados. Prestashop metía el código correcto pero Apache ni caso. Así que SI NO ESTAN ACTIVOS LOS MÓDULOS:
Usando PHP:
Puedes meter este código en cada página de PHP que quieras que se comprima. O, como en nuestro caso, en una que se cargue siempre (en Prestashop usamos config/config.inc.php).
<?php
if (substr_count($_SERVER['HTTP_ACCEPT_ENCODING'], 'gzip')) ob_start("ob_gzhandler"); else ob_start(); ?>¿Quieres probar a ponerlo en .htaccess en vez de en cada fichero? A nosotros no nos funcionó pero como depende de cada servidor puedes probarlo. Para sólo los php:
<FilesMatch ".(txt|html|htm|php)"> ForceType application/x-httpd-php php_value auto_prepend_file /the/full/path/gzip-enable.php</FilesMatch> |
Para hacerlo para todos los ficheros. Primero:
php_value output_handler ob_gzhandler
Luego por ejemplo para los CSS crea este fichero gzip-css.php y pon:
<?php // initialize ob_gzhandler function to send and compress data ob_start ("ob_gzhandler"); // send the requisite header information and character set header ("content-type: text/css; charset: UTF-8"); // check cached credentials and reprocess accordingly header ("cache-control: must-revalidate"); // set variable for duration of cached content $offset = 60 * 60; // set variable specifying format of expiration header $expire = "expires: " . gmdate ("D, d M Y H:i:s", time() + $offset) . " GMT"; // send cache expiration header to the client broswer header ($expire);?> |
Después en el .htaccess:
<FilesMatch ".(css)"> ForceType application/x-httpd-php php_value auto_prepend_file "/the/full/path/of/this/file/gzip-css.php"</FilesMatch> |
Para los JavaScrip crea el fichero gzip-js.php:
<?php
// initialize ob_gzhandler function to send and compress data ob_start ("ob_gzhandler"); // send the requisite header information and character set header ("content-type: text/javascript; charset: UTF-8"); // check cached credentials and reprocess accordingly header ("cache-control: must-revalidate"); // set variable for duration of cached content $offset = 60 * 60; // set variable specifying format of expiration header $expire = "expires: " . gmdate ("D, d M Y H:i:s", time() + $offset) . " GMT"; // send cache expiration header to the client broswer header ($expire);?>
<FilesMatch ".(js)"> ForceType application/x-httpd-php php_value auto_prepend_file "/the/full/path/of/this/file/gzip-js.php"</FilesMatch> |
Para ver cómo hacerlo en un servidor Tomcat pincha aquí.
Os recomendamos los siguientes productos relacionados con la informática:
Seagate One Touch, 2 TB, con protteción de contraseña, disco duro externo portátil, PC, portátil y Mac, USB 3.0, Space Gray, incl. 2 años de Rescue Services (STKY2000404)
64,99 € (as of 21 noviembre, 2024 08:45 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Lenovo Chromebook (2nd Gen) - Ordenador Portátil 11.6" FHD Táctil y Convertible (Intel CELERON N4120, 4GB RAM, Integrated Intel UHD Graphics 600, Chrome OS) Black - Teclado QWERTY Español
119,00 € (as of 21 noviembre, 2024 08:46 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
INIU Cable USB A USB C, [2m] QC 3,0 y 3,1A Cable USB C Carga Rapida, Aleación Trenzado de Nylon Cable USB Tipo C Cargador Compatible con iPhone 16 15 Pro Samsung S21 Huawei Xiaomi Pixel ECC.
6,29 € (as of 21 noviembre, 2024 08:45 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
SAMSUNG SSD Memoria Interno 990 Pro 2TB NVME
155,45 € (as of 21 noviembre, 2024 08:46 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Bamkey Cable USB C a Lightning 2M 2Pack[MFi Certificado], iPhone USB C Cable Lightning Cargador iPhone Carga Rapida iPhone Charger Cable Tipo C para iPhone 14 Pro Max/Plus/13/12/11/XS/8/7/6/iPad/iPod
8,99 € (as of 21 noviembre, 2024 08:46 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Rodzon Grabadora Externa USB 3.0, Unidades Portátil CD/DVD /-RW/ROM Estable con Lector/Quemador/Re - Quemador para Win 10/8 / 7 / XP/Vista/Linux/Mac OS
15,99 € (as of 21 noviembre, 2024 08:46 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Lenovo Tab P11 (2nd Gen) - Tablet de 11.5" 2K (MediaTek Helio G99, 4GB de RAM, 128GB ampliables hasta 1 TB, 4 Altavoces, WiFi6E + Bluetooth, Android 12L) Precision Pen 2 (2023) - Gris Oscuro
189,00 € (as of 21 noviembre, 2024 08:46 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
ARCTIC MX-6 (4 g, Incl. 6 MX Cleaner) - Ultimate Performance Thermal Paste para CPUs, Consolas, Tarjetas gráficas, Portátiles, Muy Alta conductividad térmica, Larga duración, No conductiva
6,15 € (as of 21 noviembre, 2024 08:46 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Samsung Tablet 64 GB 4 GB RAM Gris Grafito
165,44 € (as of 21 noviembre, 2024 08:46 GMT +01:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Hola, un artículo muy bueno, justo lo que estaba buscando, pero para los que no tenemos mucha idea un poco complicadillo 🙂 Empezando por lo más básico:
“Para ello primero tendrás que ver si están activados en tu proveedor. Puedes usar un fichero php_info(). ”
Cómo se usa ese fichero? gracias!
http://www.encuentroalternativo.com/%C2%BFque-es-phpinfo-%C2%BFcomo-puedo-crear-un-archivo-phpinfo/
Hola, de antemano muchas gracias, voy a probar pero tengo una duda. Una vez creados los ficheros gzip-js.php y gzip-css.php en PrestaShop, dónde los úbico?
Thnks!
Da igual porque en el htaccess en la parte “/the/full/path/of/this/file” tienes que poner la ruta de esos ficheros.
Entendido, voy a hacerlo así. Gracias!
Pingback: Activar compresión Gzip en WordPress | SmythSys IT Consulting
Pingback: Tests de compresión Gzip | SmythSys IT Consulting
Funciona perfectamente, antes de configurar el htacces mi velocidad en GooglePage Speed era de 52 en moviles y 63 en ordenadores, ahora gracias a ti es del 100%.
Gracias.
De nada :-D. Un placer, para eso estamos.
Excelente trabajo, muchas gracias no tenes idea de las horas de trabajo que me ahorraste. Gracias otra vez
De nada! 😀
hola muy bueno el tutorial funciona a la perfeccion e probado miles de codigos para habilitar la compresion y no e dado con ninguno solo con estos pero tengo un problema a darle la compresion a los css y js el problema es de que se me desconfigura todoa la pagina no guarda el orden de como lo tengo todo alguna sugerencia muchas gracias de antemano y buen tuto saludos
Si…. nos ha pasado a veces con los css. Lo mejor que puedes hacer es no comprimirlos si te pasa eso (sólo pasa en ciertos casos). Comprime el resto de páginas pero excluye los css.
muchas gracias por contestar eso hare comprimero lo demas saludos y buen tuto
Hola buenos días alguien me puede ayudar con esto? aunque sea pagando… No entiendo mucho todo el tema pero estoy buscando optimizar la velocidad de carga de mi web.
Hola,
¿has hecho una prueba de Pagespeed? Por lo que veo tienes sobre todo avisos de tamaño de imágenes, imágenes de nueva generación y alguna de caché.
Hay que recordar que Prestashop no es el CMS más optimizado para velocidad. Pero todavía puedes exprimir algo.
Puedes comprar un módulo de Lazy load y Webp para Prestashop.
TAmbién puedes usar un CDN como Cloudflare.