Optimizar la velocidad de carga de páginas Web

Agosto 2017





En Internet la velocidad de carga de las páginas Web es crucial para un sitio Web. Si tu página demora mucho en cargar te puede hacer perder visitantes, y exasperar a los que navegan en ella.

Felizmente existen herramientas gratuitas que te permiten analizar tus páginas y te ayudan a optimizarlas.
YSlow y PageSpeed son dos de estas herramientas, creadas por Yahoo y Google respectivamente. Estas son extensiones para Firefox que deben ser instaladas en el PC, pero también existe un sitio Web que permite analizar el rendimiento de páginas Web sin necesidad de instalar estas herramientas.

Lo único que tienes que hacer es entrar a GTmetrix e ingresar la dirección de la página web que deseas analizar.

Una vez analizada la página te aparecerá una página similar a la de abajo. Las pestañas "YSlow" y "PageSpeed" te indicarán los puntos débiles sobre los que deberás trabajar en prioridad para optimizar tus páginas.


La puntuación va de la A a la F:
  • A significa excelente (no hay necesidad de mejorar nada)
  • F significa malo, debe ser corregido.


Haciendo clic en cada línea se puede ver el detalle.

La columna "Priority" indica los puntos que deben ser tratados con prioridad. Los puntos calificados con "High" serán tratados con prioridad: son los que más aumentaran el rendimiento.

Algunos de estos puntos puede que no puedan ser aplicados a tu sitio web. Por ejemplo, para un sitio Web personal la recomendación de utilizar CDN no es aplicable.

Ejemplo


La optimización más recomendada, y más simple de implementar, es la de la caché. Además es la que da inmediatamente una mejora en el rendimiento.

Esta optimización consiste en poner una fecha de expiración para el contenido (imagen, paginas...) lo suficientemente alejada, esto permite que el contenido de tu sitio Web sea guardado en la caché del navegador.
Debido a esto las paginas no solo se cargaran más rápido cuando el usuario visite nuevamente tu página, sino que a la vez aliviará la carga del servidor.

Si posees un servidor Apache2 y htaccess está activado, lo único que tienes que hacer es poner un archivo de texto .htaccess en la raíz del sitio Web:

# Guardar en la caché 1 mes  
<FilesMatch "\.(flv|gif|jpg|jpeg|png|ico|swf)$">  
Header set Cache-Control "max-age=2592000"  
</FilesMatch>  

# Guardar en la caché una semana
<FilesMatch "\.(js|css|pdf|txt)$">  
Header set Cache-Control "max-age=604800"  
</FilesMatch>  

# Guardar en la caché 1 día
<FilesMatch "\.(html|htm|php)$">  
Header set Cache-Control "max-age=86400"  
</FilesMatch>


De este modo el contenido que no cambia mucho (imágenes, iconos...) será conservado en la caché por un periodo más largo, evitando que vuelva ser cargado. Por el contrario, el contenido que más cambia (html) será cargado con mayor frecuencia.

Este solo es un ejemplo, pero lo puedes adaptar a tu sitio Web.

Consulta también

Publicado por Carlos-vialfa. Última actualización: 19 de mayo de 2010 a las 18:36 por Carlos-vialfa.
El documento «Optimizar la velocidad de carga de páginas Web» se encuentra disponible bajo una licencia Creative Commons. Puedes copiarlo o modificarlo libremente. No olvides citar a CCM (es.ccm.net) como tu fuente de información.