¿Cómo optimizar la velocidad de una página web?

Por Pedro Diseño Web 0 Comentarios 2632 Vistas

Esta es una de las formas para optimizar la velocidad de una página web, mediante la compresión Gzip y aprovechando la cache del navegador. Supongo que ya sabrás que, una página lenta es una perdida segura de un posible cliente y más a más un factor muy importante para el posicionamiento web.

1- Habilitar la compresión gzip

Todos los navegadores modernos soportan automáticamente la compresión gzip para todas las peticiones HTTP. Habilitar la compresión gzip puede reducir el tamaño transferido hasta en un 90%, lo que puede reducir significativamente la cantidad de tiempo para descargar el recurso, reducir el uso de los datos para el cliente, y mejorar el tiempo de sus páginas.

Para habilitar la compresión gzip debe añadir las siguientes líneas a su archivo .htaccess:

# Comprimir HTML, CSS, JavaScript, texto, XML y fuentes AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/vnd.ms-fontobject AddOutputFilterByType DEFLATE application/x-font AddOutputFilterByType DEFLATE application/x-font-opentype AddOutputFilterByType DEFLATE application/x-font-otf AddOutputFilterByType DEFLATE application/x-font-truetype AddOutputFilterByType DEFLATE application/x-font-ttf AddOutputFilterByType DEFLATE application/x-javascript AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE font/opentype AddOutputFilterByType DEFLATE font/otf AddOutputFilterByType DEFLATE font/ttf AddOutputFilterByType DEFLATE image/svg+xml AddOutputFilterByType DEFLATE image/x-icon AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/javascript AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/xml # Eliminar errores del navegador (sólo es necesario para los navegadores muy antiguos) BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4.0[678] no-gzip BrowserMatch bMSIE !no-gzip !gzip-only-text/html Header append Vary User-Agent

2- Aprovechar almacenamiento en caché Navegador

Cuando un navegador web muestra la página web que tiene que cargar varias cosas como su logotipo, su archivo CSS, y otros recursos. El almacenamiento en caché lo que hace es "recordar" los recursos que el navegador ya ha cargado. Cuando un visitante va a otra página en su sitio web el archivo de logotipo o CSS no necesita ser cargado de nuevo, ya que el navegador los ha "recordado". El resultado final es que sus páginas se cargan mucho más rápido.

Para habilitar el almacenamiento en caché del navegador añadir las siguientes líneas a su archivo .htaccess:

## EXPIRACIÓN CACHE ## ExpiresActive On ExpiresByType image/jpg "access 1 year" ExpiresByType image/jpeg "access 1 year" ExpiresByType image/gif "access 1 year" ExpiresByType image/png "access 1 year" ExpiresByType text/css "access 1 month" ExpiresByType text/html "access 1 month" ExpiresByType application/pdf "access 1 month" ExpiresByType text/x-javascript "access 1 month" ExpiresByType application/x-shockwave-flash "access 1 month" ExpiresByType image/x-icon "access 1 year" ExpiresDefault "access 1 month" ## EXPIRACIÓN CACHE ##

Una vez añadidos podrás realizar un test para averiguar si tu sitio web está haciendo uso de la compresión Gzip accediendo aquí.