¿Cómo reducir el tiempo de carga de una web?

¿Tu Web es lenta? Estos son 10 consejos que nos ayudan a optimizar una web y reducir su tiempo de carga:

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.

Ideas originales | Firethrottle (en ingles)