[SOLUCIONADO] Peso Ideal de una Pagina

creativoweb93 · #1 (**permalink**) 06/09/2013, 11:53

Me gustaría saber cual es el peso ideal o el límite considerado de una web en KB o MB. Contando imágenes y todo.

Esto para que se abra rápido y el visitante no tenga que esperar tanto, pero también que no se vea tan simple.

¿Ustedes me pueden dar una idea?

Grax.

Tecna · #2 (**permalink**) 07/09/2013, 04:22

Buenas,

más que del peso yo hablaría del tiempo de espera, bien de la carga de la página, o del tiempo de respuesta desde que el usuario hace una acción hasta que ésta ocurre. Para esto último lo ideal es 0,1 segundos y el límite suele estar en 1 segundo. En general está admitido que es dificil mantener la atención más de 10 segundos por lo que ese límite no habría que traspasalo nunca o los usuarios se aburrirán y se irán. Por eso existen técnicas para intentar mejorar estos tiempos, como hacer una carga escalonada de los scripts retrasando los que no sean imprescindibles al inicio y poniéndolos siempre detrás del css para que ya se vea algo en la pantalla mientras se carga y ejecuta el script, que suelen ser, junto con las imágenes, los que más ralentizan.

NUCKLEAR · #3 (**permalink**) 07/09/2013, 05:20

El peso ideal es de 1kb

Vamos eso no existe, mientras mejor optimizada esté obviamente es mejor. Usa un sistema de cache, pon todos los scripts en tu servidor, los javascripts en el footer. Optimiza los CSS. Etc...

creativoweb93 · #4 (**permalink**) 07/09/2013, 15:49

Ok Tecna.

Es que me estoy peleando con un fondo de pagina que mide 1600x1000 y pues pesa como 200 KB y si le bajo la calidad me llega a pesar unos 60 KB pero si se ve muy feo.

Como es un elemento decorativo voy a investigar como hacer que se cargue al ultimo. ¿No conoces información al respecto?

Muchas gracias

avenroy · #5 (**permalink**) 08/09/2013, 17:53

Buenas noches,

Existen varias aplicaciones/plugins para navegadores que te pueden ayudar a optimizar la velocidad de carga de tu web por ejemplo Yslow o Pagespeed que los puedes usar con firebug en firefox y supongo que en otros navegadores también.

Los informes són bastante detallados y te ayudarán a resolver y optimizar el timepo de carga de tu página.

Por otro lado en el tema de imágenes grandes para cargar puedes probar a usar algún CDN como el de wordpress. Básicamente lo que hace es alojar la imagen en un servidor x veces más rápido que el tuyo y seguramente con nodos geográficos más próximos a los usuarios que descarguen el archivo con lo que se reduce el tiempo de espera.

Un saludo,

Tecna · #6 (**permalink**) 09/09/2013, 02:24

Buenas,

como ya te han dicho con las herramientas para desarrolladores de los navegadores puedes obtener mucha información referente al tiempo de carga de cada elemento. Pero claramente esa imagen ralentizará la carga y muchas de las veces ni siquiera se verá entera. Yo lo que haría sería poner diferentes versiones de la imagen de diferentes tamaños, de entrada cargaría la menos pesada y luego en función del tamaño de la ventana del navegador la cambiaría si hiciera falta.

Lo de alojar la imagen en otro servidor no me parece buena idea porque además de depender de algo externo, el tiempo de respuesta del servidor suele ser lo de menos, el cuello de botella suele estar en la velocidad de descarga del usuario, que no se puede modificar y sobre todo en dispositivos móviles suele ser lenta y a veces limitada, por eso cuantos menos bytes innecesarios haya que descargar mejor.

Omura · #7 (**permalink**) 09/09/2013, 11:57

pero todo el fondo de pantalla es visible, es decir solo va texto encima o mas bien hay partes tapadas sea por imágenes o de alguna otra forma, como para pensar en partir la imagen

creativoweb93 · #8 (**permalink**) 09/09/2013, 20:55

Avenroy,

Apenas estoy empezando a utilizar firebug y no sabia que contaba con las funcionalidades de medir la velocidad, pero se ve que es algo muy útil, lo probaré.

Gracias por el dato.

creativoweb93 · #9 (**permalink**) 09/09/2013, 21:01

Tecna,

También coincido contigo en que poner la imagen en otro servidor no ayudaría mucho. Pues me dicen que los servidores donde se hospedara el sitio no son tan lentos; así que sería lo mismo.

Aunque tampoco se me hace buena idea usar muchas versiones de la imagen, se me hace mucho relajo.

Estoy investigando el atributo css background-size, que me dicen me puede expandir el tamaño de una imagen más chica.

Grax

creativoweb93 · #10 (**permalink**) 09/09/2013, 21:03

Omura,

Pues es la imagen principal de la pagina, como un fondo de escritorio. Yo creo que esta difícil dividirlo en partes.

Grax

loncho_rojas · #11 (**permalink**) 12/09/2013, 15:02

Optimizalo en CHOTOSHOC tiene una funcionalidad de GUARDAR PARA WEB Y DISPOSITIVOS que te deja comprimir un JPG, PNG u otros bajando la calidad pero no perdiendo tanta definicion en el remuestreo...

Además, si lo cargas con CSS en el atributo background-image, tu web no se detendrá de cargar todos los elementos porque tu imagen aun no se carga...

creativoweb93 · #12 (**permalink**) 13/09/2013, 15:37

Bueno por fin me quedo la page, optimizando las imágenes lo mejor posible con GIMP.

Con firebug vi que se descarga un total de 600 KB según en 7 segundos. También lo probé con mi móvil y carga un poco más lento, pero no tanto.

La imagen más pesada (el fondo) tiene unos 60 KB y creo que no se ve tan mal.

Si tienen algún consejo para optimizar más la página se los agradecería.

http://www.antigraffiti.mx/

Grax a todos saludos.

Rafael · #13 (**permalink**) 14/09/2013, 08:17

Carga bastante rápido. No te preocupes taaaanto.