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

baluart14 Octubre 2006 - 2:06pm 4 comentarios
Enviar por Email Imprimir

¿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)

Comentarios

Imagen de javier

Recientemente hemos publicado un art

Imagen de Pablito

Para reducir tamaño de mis fotos yo utilizo esta pagina: www.reducirfoto.es es muy fácil. Puedes ver también el tamaño aproximado de tus fotos reducidas.
Saludos

Imagen de Pablito

Yo utilizo esta pagina: www.reducirfoto.es para reducir mis fotos. Es muy fácil. Puedes ver también el tamaño aproximado de tu foto reducida.
Saludos

Imagen de Johnver

Hola, como siempre excelentes recomendaciones,
me gustaria saber concejos para un blog, que debe o que no hacerce para que la carga sea mas rapida, en mi caso utilizo blogger pero ultimamente se ha vuelto algo lento y he tratado de no meterle mucho gadget, Si saben de algunas recomendaciones agradezco de antemeno.

Saludos.

Dejar comentario

Tutoriales

Cómo descargar videos de VK.com
En este artículo voy a explicar como descargar videos y películas...
Descargar Facebook Móvil Gratis
Por si aún no lo han hecho, es posible descargar Facebook Móvil...
Cómo generar tráfico web con las redes sociales - Paso a Paso
Muchas empresas están publicando contenidos como la forma de crear...

Artículo Recomendado

3 Tips cruciales para recuperar archivos eliminados
¿Te imaginas perder el trabajo de toda una semana en tan solo unos segundos? Todos hemos pasado por este problema. Quizás eliminamos por error un archivo importante o lo borramos sin pensar que era valioso para otro... más