Ver Mensaje Individual
  #25 (permalink)  
Antiguo 16/12/2011, 11:31
merino_renato
Usuario no validado
 
Fecha de Ingreso: mayo-2011
Mensajes: 1.231
Antigüedad: 13 años
Puntos: 228
Respuesta: First Byte Time. ¿Qué es?¿Cómo se mejora?

Cita:
Iniciado por charlyalegret Ver Mensaje
Me refiero a la lista de cosas que puedes hacer para mejorar el tiempo de carga!

Lo de Css sprits es simple (aunque algo tedioso de hacer...)

Tu pones todas las imágenes que típicamente aparecen en todas tus páginas (botones, cabecera...) en un sólo archivo (puedes usar el paint de windows o algún programa más complejo como photoshop o gimp). Con cualquiera de los programas, puedes ver las coordenadas donde comienza cada una de las imágenes en tu archivo (que tbien es una imágen).

Luego, en donde va la imágen en el código html, pones un div (ejemplo: <div id="menuimg"></div>, y en sus propiedades:

#menuimg {
height: 86px;
width: 980px;
background: url(imatges.jpeg) no-repeat;
background-position: 0px 0px;}

definiendo el tamaño de la imágen global (height y width) y la posicion donde empieza tu imágen específica dentro de la imágen global (en background-position). A tener en cuenta que la posición tienes que ponerla con número negativos!

saludos
Muchas gracias por el aporte charlyalegret, en cuanto termine mis linkk rel author de mi web regreso a esto de la optimizacion y con este tip del css sprite seguro que ahora si llego al 100

además de que lo voy a comprimir con esto caundo termine (guardando una version sin comprimir de emergencia):

http://fmarcia.info/jsmin/test.html

http://www.textfixer.com/html/compre...ompression.php

http://tools.dynamicdrive.com/imageoptimizer/

Saludos