Problema al cargar web

zaida · 23-oct-2007, 08:46

Hola, tengo un problemilla al cargar la página web, os explico:

El sitio web lo tengo realizado con dreamweaver, las imágenes que contiene la página son gif, los textos están realizados también con dreamweaver, los botones son imágenes gif, lo único que el fondo de todo el sitio web es una imagen jpg realizada en fireworks. El problema es que al subir la web al servidor y visitarla se cargan antes todas las imágenes, textos.. que el fondo y quisiera que fuera al contrario. He pensado que puede ser por el peso de la imagen de fondo pero el problema es que no puedo bajarle más la calidad puesto que contiene degradadados y se vería demasiado mal.

Espero que podais darme una solución, por favor. (No estoy segura de que éste sea el foro correcyo para mi duda, de no ser así pido disculpas)

Saludos y muchas gracias

KH-Nahuel · 23-oct-2007, 20:41

Un preload te podría funcionar.

Yo javascript no sé mucho, así que mejor que te ayude uno que sabe.

Igualmente, Mi ayuda es esta:

Antes del </head> copiá:

Código:

<script language="JavaScript1.2" type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

-->
</script>

y dentro de <body> inserta esto

Código:

onload="MM_preloadImages('imagen');"

<body onload="..."> es como debería quedar.

Espero que te funcione!

zaida · 24-oct-2007, 12:06

Hola KH-Nahuel:

Muchas gracias por tu ayuda, me has dado una idea para hacerlo de forma más sencilla (para mi

). He colocado todas las capas "hidden", y he puesto una función onload de tal forma que una vez que está cargado el fondo me hace visible todas las capas que contienen las imágenes y los textos. Mi problema sigue siendo que tarda mucho en cargarse la web y el sitio completo pesa 1.5 Mb (creo que no es mucho para una web no?)

SAludos y de nuevo gracias

800-HELP.com · 24-oct-2007, 13:52

Hola

La velocidad de carga de una página depende de muchos factores, principalmente: el "peso de la página, la velocidad del servidor y la velocidad de tu conexión

Páginas como http://www.websiteoptimization.com/s...yze/index.html te ayudarán a identificar donde este el cuello de botella (si es por exceso de peso o demasiados request,etc)

Para medir la velocidad "bruta" puedes hacer un test en http://www.iwebtool.com/speed_test?

Espero que esto te ayude un poco

KH-Nahuel · 24-oct-2007, 16:08

1.5 para una web es muchísimo!!

Decime, es sólo HTML e Imágenes?

800-HELP.com · 24-oct-2007, 17:46

Cita:

Iniciado por KH-Nahuel

1.5 para una web es muchísimo!!

Decime, es sólo HTML e Imágenes?

1.5 el sitio completo (todas las páginas) ? o es solo esa página

1.5 Mb para un sitio de varias páginas no está nada mal, pero si hablas de una sola o unas pocas (menos de 10) es bastante peso

DavidC · 26-oct-2007, 14:43

Puedes dividir la imagen en varias partes y tratar cada parte como una imagen. Esto es lo que suele hacer cuando es impresdindible colgar imágnes muy pesadas.
Divide el body en varias capas y en el css asigna como fondo de cada capa una parte de la imagen.

El preload no es muy recomendable si deben cargarse imágnes muy pesadas ya que tarda mucho en mostrar la web.

Un consejo: haz páginas ligeras o nadie esperará a que se carguen para verlas; y si nadie las ve, no sirven para nada ;-)

Soporte24hrs · 26-oct-2007, 17:10

Bueno me parece que no deberias tener mucho problema para eso, si tu optimizas la imagen lo mas normal es que el fondo se te carge mas rapido que las imagenes interiores, ademas debes utilizar una imagen muy pequeña que pese menos de 10kb de tal manera que la funcion bacground la repita sin necesidad que que hagas una imagen grande de fondo, de tal manera q te carge en milesimas de segundo dicho fondo, en definitiva debes tomar en cuenta las observaciones que te menciono si quieres que el fonod se carge mas rapido.

zaida · 05-nov-2007, 09:17

Gracias a todos por contestar, he conseguido que el fondo sea lo primero que se cargue y que no comiencen a cargarse las demás imágenes hasta que el fondo esté cargado. He estado investigando y me he dado cuenta que mi sitio web pesa mucho para las páginas que tiene. Ahora viene mi problema. Mi sitio web está compuesto básicamente por imágenes realizadas en Fireworks, las he optimizado lo más que he podido puesto que los fondos se componen de degradados y si bajo más la calidad los degradados se ven mal, como con aguas. Aún habiendo optimizado todas las imágenes el sitio web sigue pesando mucho. ¿Alguien puede darme una idea de cómo puedo solucionarlo?

Muchas gracias y saludos

zaida · 21-nov-2007, 11:14

Hola a todos de nuevo, creo que mi problema no son el peso de las imágenes sino de los archivos html que componen mi sitio web, ya que como media pesan 70-80 Kb. ¿Puede ser por eso?. Si es así alguien puede decirme cómo bajar el peso de los archivos .html?

Saludos y gracias!!!

KH-Nahuel · 21-nov-2007, 13:59

¿Tienes una muestra online? De esta manera creo yo te podríamos ayudar mejor a optimizar tu sitio.

zaida · 21-nov-2007, 18:30

hola KH-Nahuel

aquí tienes el link, puede que no funcione correctamente porque está en pruebas.

http://www.miraclechile.cl
Saludos

KH-Nahuel · 21-nov-2007, 18:52

Es medio extraño el codeo..

Lo primero que deberías hacer es descentralizar el archivo externalizando el css a un style.css y luego importarlo o vincularlo.

Eso quita bastante peso y ayuda bastante en la velocidad de carga.

Después no entiendo muy bien la combinación de divs y tablas para ciertas partes, hubiese sido mas efectivo volcarse a una o la otra, te ahorrarías código así.

Galynet · 21-nov-2007, 20:16

Hola Zaida,
como dice KH-Nahuel, debes independizar código: por un lado el javascript, por otro la hoja de estilos y por otro el html. Con eso reduces enormemente el peso.

Por otro lado el código está ... mmm ... un poco "embarullado", vamos a decir.

No soy experto en eso, pero quizá si anda DavidC por aqui te pueda echar un cable.

Saludos

dousax · 21-nov-2007, 20:46

Cita:

Iniciado por zaida

Hola a todos de nuevo, creo que mi problema no son el peso de las imágenes sino de los archivos html que componen mi sitio web, ya que como media pesan 70-80 Kb. ¿Puede ser por eso?. Si es así alguien puede decirme cómo bajar el peso de los archivos .html?

Saludos y gracias!!!

Zaida

Lo que logro observar es que te esta pasando el efecto diseñador ambicioso pues a veces queremos dar un aspecto muy elaborado y en el intento lo saturamos de dibujos, imágenes, animaciones y fotografías entonces el proyecto se puede ver afectado.

Una buena forma corregir posibles problemas es quitando scrip basura que Dreamweaver genera en el código por defecto esto resuelve también un poco la cargada de la pagina (recuerda que los navegadores interpretan el código para que uno pueda visualizar la pagina) y definitivamente firewors es mi herramienta preferida para diseñar la parte grafica pero si no estas teniendo en cuenta que la resolución optima para trabajar las imágenes que se usaran en la web también puedes tener problemas ( 72 dpi).

Espero que te sirva de algo mi aporte.

Saludos

dousax · 21-nov-2007, 20:58

Zaida

Estuve observando la web en cuestión y me pareció que esta bien lograda a mi me abrio como tu lo estas esperando, primero el fondo y luego el resto, el otro detalle si me lo permites es que te sugiero centrar el body para que se resalte más tu trabajo lo puedes hacer de esta manera
<center><body> </body></center> lo coloco por si no lo tienes claro, no lo vayas a tomar a mal.

dousax
____________
Saludos

zaida · 22-nov-2007, 09:57

Hola a todos:

Cita:

Es medio extraño el codeo..

Si lo sé, pero estoy empezando y la verdad que no se organizarme muy bien.

Cita:

Lo primero que deberías hacer es descentralizar el archivo externalizando el css a un style.css y luego importarlo o vincularlo.

ok, trabajaré en ello.

Cita:

Después no entiendo muy bien la combinación de divs y tablas para ciertas partes, hubiese sido mas efectivo volcarse a una o la otra, te ahorrarías código así.

yo soy una manda, jeje

Hola dousax:

Cita:

Lo que logro observar es que te esta pasando el efecto diseñador ambicioso pues a veces queremos dar un aspecto muy elaborado y en el intento lo saturamos de dibujos, imágenes, animaciones y fotografías entonces el proyecto se puede ver afectado.

Opino lo mismo que tú, pero las exigencias son las exigencias no?

Cita:

Una buena forma corregir posibles problemas es quitando scrip basura que Dreamweaver genera en el código por defecto esto resuelve también un poco la cargada de la pagina (recuerda que los navegadores interpretan el código para que uno pueda visualizar la pagina) y definitivamente firewors es mi herramienta preferida para diseñar la parte grafica pero si no estas teniendo en cuenta que la resolución optima para trabajar las imágenes que se usaran en la web también puedes tener problemas ( 72 dpi).

Espero que te sirva de algo mi aporte.

claro que me sirve

Cita:

Estuve observando la web en cuestión y me pareció que esta bien lograda a mi me abrio como tu lo estas esperando, primero el fondo y luego el resto, el otro detalle si me lo permites es que te sugiero centrar el body para que se resalte más tu trabajo lo puedes hacer de esta manera

Gracias

, voy a centrarlo como me has dicho, muchas gracias

Saludos a todos!