Duda Arranque Web con Imágenes grandes
 

Hola,
No se si estoy en lo correcto, pero imágenes JPG, GIF, PNG, etc, que en tamaño son un poco grandes por ejemplo mayores a 500 KB, ¿Retardan el cargado de Página, si son mas de 10 por ejemplo con ese tamaño?

Si la respuesta es NO:
- ¿Cuáles son los otros factores para que una Página se retarde en cargar al inicio?: ¿Scripts? ¿Flash? ¿muchos Gifs animados?
Si la respuesta es SI:
- ¿Qué PROGRAMAS conocen que puedan comprimir Imágenes sin perder (o perder poco) la calidad?

Esto pregunto, debido a que algunas imágenes JPG las realizo con PhotoShop y a la hora de grabar, siempre le doy "Calidad = 12 Máxima" y "Formato Progresivo = 5", es por ello que obtengo imágenes de gran tamaño susceptible a no perder calidad.
¿Podrían sacarme de la duda por favor?

Dependiendo de la velocidad de conexion, notaras mayor o menor retardo en la carga de las paginas, puesto que el contenido (texto html, imagenes, videos, flash, etc) tiene evidentemente que pasar por la red para ser mostrado en el browser.

Tienes que tomar en cuenta ademas, que los objetos que se muestran en la pagina son cargados por el explorador en la memoria RAM, asi que si tienes imagenes p. ej. de alta definicion, y en tamaño (en KBs o MBs), el navegador consumira mas memoria en la maquina, y si el recurso es muy limitado, tambien veras afectado el rendimiento. Lo mismo con objetos flash que consumen mucho tiempo de procesador para hacer sus virguerias.

Como puedes ver, son demasiados factores los que pueden incidir en la carga, por lo que deberias pensar en irlos descartando uno a uno. Hay scripts en la web que te permiten renderizar todo el contenido html en el navegador, y luego entonces ir cargando las imagenes (una especie de preload) usando javascript y el evento onload de la pagina. Eso te permite dar una sensacion de mayor velocidad, aunque la carga completa de la pagina siempre debe ser igual.

Hola,

Las imágenes "pesadas" no sólo pueden "retardar" la carga de una página, pero, además harán que se consuma el ancho de banda correspondiente, entre otras cosas. En mis tiempos, cuando leía sobre HTML, CSS, estándares, etc., cuando leía, digo, las imágenes en las páginas web debían mantenerse en 20, 30, 40 KB.

Cierto que entonces no había conexiones de banda ancha como las de ahora, pero, a mí me sigue gustando que las páginas cargen rápido, y, descargar 2 MB sigue suponiendo una espera considerable, aunque sea de unos cuantos segundos nada más. Es considerable, en mi opinión.

El programa que mencionas tiene una opción de nombre "Guardar para web". Con esa opción puedes optimizar bastante las imágenes, sin que pierdan demasiada calidad. Claro está que habrá veces en que tengas que mostrar una imagen de 500 KB de tamaño, pero, será raro que dicha imagen forme parte de una página web, más bien se mostrará sola, por decirlo así.

Además pueden darse circunstancias curiosas. Por ejemplo, si una imagen está dentro de una tabla, en ciertos navegadores, al menos, el contenido de dicha tabla no se mostrará hasta que no se cargue completamente, lo que incluirá la propia imagen. Esto depende del navegador, pero, en todo caso, todos los navegadores cargan las páginas más rápido si estas no son muy pesadas: obviamente.

¿El Flash, los Scripts, los GIF animados? Ya no es que retarden la carga de la página, sino que consumen procesador. Pueden llegar incluso a bloquear el navegador, pero, acaso no tanto por dichas tecnologías, sino por cómo se estén utilizando: siempre habrá Scripts más eficientes que otros.

Otras cosas a tener en cuenta son las peticiones HTTP que sea necesario realizar para conformar la página Web en cuestión. A más peticiones más tiempo de carga, aunque puede que esto sólo sea así como norma general, puesto que también habrá peticiones más costosas que otras, o menos eficientes.

En fin. No quiero enrollarme más... Si te sirve de algo, cuando yo "subo" una imagen, me fijo en su tamaño, o suelo hacerlo (a veces intuyo que la imagen entra dentro de los límites que me fijo, y me equivoco, a veces...), y para mí una imagen que pese más de 20 o 30 KB ya es bastante para publicarse en una página web.

Pero, todavía diré algo más: si esa imagen forma parte de la interfaz de la página web, por decirlo así, si es un fondo, o se usa en algún lado de la interfaz de la web, es decir, que no se publica "en una entrada", por ejemplo, de modo que sólo se cargará cuando se cargue dicha entrada, digo, si forma parte de la interfaz, creo que hasta los 30 KB ya me parecerían demasiados...

Pero, como todo, depende: tendrás que ser tú quien evalúe. Por otro lado, te advierto que yo no suelo usar demasiadas imágenes, y esto es porque no son lo mío, y así las páginas web que llevo a cabo suelen tener pocas imágenes... pero, desde luego, procuro que estas no pesen demasiado.

Trocear imágenes
 

Gracias,
Muy buenas las explicaciones, sinceramente no me conocía esa parte del PhotoShop "Guardar para Web" y.... muy buena (especialmente con los JPG, no tanto así con los GIFs) así puedo optimizar mis imágenes.
Ahora se me ha ocurrido hablando de comprimir una imagen, pues he podido notar que en otras Páginas, una imagen la trocean, pienso que es por eso, porque se debe evitar tener imágenes GRANDES en el Servidor?
Bueno pero la pregunta es ¿Cómo puedo trocear una imagen?, pienso que en PhotoShop debe también haber una instrucción en su Menú, no se cual es, o ¿de que manera Troceo a gusto una imagen? ¿algún programa de sencillo manejo? pues tambien he podido notar que estos trozos son a gusto de diferente tamaño, es decir no son cual si una tabla se dividiese en filas y columnas.
Saludos

En Photoshop utiliza la herramienta Sector (presionando la tecla K, divide la imagen en otras más pequeñas de este modo el navegante tardara menos en ver la imagen, seguido escoje Guardar para web y dispositivos.... Al moneto de guardar, en Tipo: escoje HTML e imágenes (*.html).

Por último te queda editar tu html para tus necesidades, si es que lo necesitas.