Ver Mensaje Individual
  #3 (permalink)  
Antiguo 04/04/2011, 02:17
monxas
 
Fecha de Ingreso: mayo-2009
Mensajes: 201
Antigüedad: 14 años, 11 meses
Puntos: 9
Respuesta: Optimizar tiempo de carga

las imagenes se pueden comprimir, no pongas una foto de 8 megapixeles recien salida de tu cámara digital, reduce su tamaño y su calidad (normalmente se puden reducir de calidad mucho antes de que sea perceptible en una pantalla. )

además segun que imagenes sean habra que guardarlas en la extensdion correcta, un icono no debe ir en jpg, y una foto no debe ir en gif.

los javascripts mejor al final de la página (no siempre se puede)
Además también se pueden comprimir (busca en google javascript compressor) lo que hacen es quitar todos los espacios que hay dentro de los archivos.

lo mismo con los css

Además, cuantos menos archivos mejor. si tienes 8 javascripts juntalos todos en un solo archivo en vez de llamarlos por separado.

Lo mismo con los css.

en los css aprovechar todas las opciones para reducir las reglas, ejemplo:
.clase{
margin-top:10px;
margin-right:15px;
margin -bottom:20px;
margin-left: 11px;
}
es lo mismo que
.clase{margin: 10px 15px 20px 11px;}

o inclusosi tienes
.clase{
margin-top:10px;
margin-right:15px;
margin -bottom:10px;
margin-left: 15px;
}
es lo mismo que
.clase{margin:10px 15px;}

hay gente que incluso quita el ;despues de la ultima regla de una clase para ahorrar, pero personalmente no me gusta.

otras formas de optimizar serian con jquery, cargar antes imagenes que es probable que vayan a ser vistas después. busca "preloader jquery" por ejemplo en paginas pequeñas en la página de inicio después de acabar de cargarla, llamo con un preloader de estos a las imagenes de las paginas mas visitadas, asi cuando entren ya estaran descargadas y cargaran super rápido.

y no se si me dejo algo de lo que yo hago.

Un saludo!