Tiempo de Carga del website

Como todos sabemos el tiempo de carga de un website es fundamental principalmente por varios motivos :

  1. No podemos hacer esperar al usuario para ver nuestros contenidos
  2. Mejor rastreo de nuestro website por parte de las arañas al tener que estar menos tiempo esperando para rastrear el contenido por lo que podrán rastrear más y más profundamente.
  3. Según Matt una página no debería de pasar de los 5 segundos de carga

Bueno existe muchas maneras de reducir los tiempos de carga de la web algunas de ellas son :

  1. No anidar tablas.- Cuando una diseña un estructura muy compleja, ésta toma más tiempo en cargar. Y esto porque Internet Explorer cuando carga una tabla, carga inmediatamente su contenido. Por lo que, si usted tiene tablas que incluyen otras tablas, el proceso se tornará largo. Este problema no es tan malo con Firefox, porque éste analiza el contenido y ve la mejor de cargarlo. La mejor alternativa, para estos casos, es usar un diseño CSS. De lo contrario, sólo reduzca sus tablas.
  2. Optimizar imágenes.- Sobre la optimización de imágenes ya hemos hablado antes y aquellos tips aún siguen siendo eficaces. Sólo decir, que si usan Photoshop, no olviden utilizar “Guardar para web” o “Save for Web” cuando efectivamente guarden su imagen para subirla a la Web.
  3. Imágenes al mínimo.- Trate de reducir la cantidad de imágenes en su web sin que pierda visión y efecto. Ya todos conocemos que a más cantidad de imágenes, mayor tiempo de carga de la web.
  4. Formatear la etiqueta IMG.- Esta es una buena idea de predefinir las dimensiones de las imágenes. Esta información le indica al navegador cuanto espacio debe dejar para que se cargue la imagen antes de que se haya cargado. Este es un ejemplo:
    <img src=”tuimagen.gif” width=”200px” height=”100px”>
  5. Usar la misma imagen.- Trata de usar la misma imagen para todas las páginas de tu sitio Web, no importa que sea la portada o una página secundaria. Esta es una excelente manera de evitar que se este descargando imágenes repetidas y más bien se utilice la caché del navegador. Este mismo ejemplo se aplica a las películas flash, javascripts y todo elemento externo.
  6. Reducir los espacios en blanco.- Revisa el código de tus ficheros y elimina todas las líneas innecesarias. Esto reduce dramáticamente el tiempo de carga.
  7. Utilizar CSS en un fichero externo.- Esto se basa en el mismo principio del punto 5. Si uno escribe el CSS en el header de cada página, el navegador lo descargará una y otra vez. Por el contrario, si esta en un fichero externo y todos hacen referencia a él, el navegador lo descargará la primera vez y luego utilizará la caché. Por otra parte, no olvides eliminar los espacios en blanco del fichero CSS. Un ejemplo del enlace al CSS en el header de cada Web es:
    <link type=”text/css” rel=”stylesheet” href=”../otros/estilos.css”>
  8. Utilizar Scripts en ficheros externos.- Esto funciona de la misma manera que el anterior. Por ejmplo, para requerir un fichero javascript utilizamos:
    <script type=”text/javascript” src=”tufichero.js”></script>
  9. Administrar el texto.- Si las páginas tienen un texto excesivamente largo, el tiempo de descarga será mucho mayor. Resumir ideas y ser conciso, no es una mala idea para hacer una página más fácil de leer y más rápida de cargar.
  10. Separar las páginas largas.- Si tus páginas son muy largas, es preferible dividirlas en dos. Esto reduce el tiempo de carga y es manejable.

Via : Baluart

  • Hacer menos peticiones HTTP.
  • Añadir cabeceras “expires”.
  • Comprimir tus ficheros (gzip, deflate).
  • Minimizar la cantidad y el tamaño del HTML, CSS y Javascript.

Via : Sigt

Bueno con que busqueis por google encontrareis más métodos pero fundamentalmente me gustaría que mirarais el que explican en Unijimpe “acelerar la carga web mediante la clase class.compressor.php

P.D.

Podeis calcular vuestros tiempos de carga desde Pingdom Tools

Si quereis aprender más sobre usabilidad podeis visitar el blog de Usolab y el foro de Xeoweb sobre Usabilidad y Accesibilidad.