1. ¡OFERTA! con cupón "DIRVPS": hosting por $0,01 y también VPS Linux y Windows por $0,01 el primer mes por Interserver ← publi
    Descartar aviso
Descartar aviso
Al usar este sitio web, aceptas que nosotros y nuestros socios podamos establecer cookies para fines tales como personalizar el contenido y la publicidad. Más información.

Problema al cargar web

Tema en 'Programación y Diseño Web' iniciado por zaida, 23 Oct 2007.

Página 1 de 2
  1. zaida

    zaida Usuario activo

    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
     
    zaida, 23 Oct 2007
    #1
  2. Anunciante

    Anunciante

     
  3. KH-Nahuel

    KH-Nahuel Usuario activo

    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á:

    CODE, HTML o PHP Insertado:
    <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

    CODE, HTML o PHP Insertado:
    onload="MM_preloadImages('imagen');"
    <body onload="..."> es como debería quedar.

    Espero que te funcione!
     
    KH-Nahuel, 23 Oct 2007
    #2
  4. zaida

    zaida Usuario activo

    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 :)
     
    zaida, 24 Oct 2007
    #3
  5. Datacenter1

    Datacenter1 Usuario activo

    Datacenter1, 24 Oct 2007
    #4
  6. KH-Nahuel

    KH-Nahuel Usuario activo

    1.5 para una web es muchísimo!!

    Decime, es sólo HTML e Imágenes?
     
    KH-Nahuel, 24 Oct 2007
    #5
  7. Datacenter1

    Datacenter1 Usuario activo

    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
     
    Datacenter1, 24 Oct 2007
    #6
  8. DavidC

    DavidC 8 de Mayo de 2008 Q.E.P.D.

    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 ;-)
     
    DavidC, 26 Oct 2007
    #7
  9. Soporte24hrs

    Soporte24hrs Usuario activo

    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.
     
    Soporte24hrs, 26 Oct 2007
    #8
  10. zaida

    zaida Usuario activo

    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, 5 Nov 2007
    #9
  11. zaida

    zaida Usuario activo

    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, 21 Nov 2007
    #10
  12. KH-Nahuel

    KH-Nahuel Usuario activo

    ¿Tienes una muestra online? De esta manera creo yo te podríamos ayudar mejor a optimizar tu sitio.
     
    KH-Nahuel, 21 Nov 2007
    #11
  13. zaida

    zaida Usuario activo

    hola KH-Nahuel

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

    http://www.miraclechile.cl
    Saludos
     
    zaida, 21 Nov 2007
    #12
  14. KH-Nahuel

    KH-Nahuel Usuario activo

    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í.
     
    KH-Nahuel, 21 Nov 2007
    #13
  15. Galynet

    Galynet Usuario activo

    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
     
    Galynet, 21 Nov 2007
    #14
  16. dousax

    dousax Usuario activo

    un aporte pequeño

    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
    #15
  17. dousax

    dousax Usuario activo

    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
     
    Última edición: 21 Nov 2007
    dousax, 21 Nov 2007
    #16
  18. zaida

    zaida Usuario activo

    Hola a todos:

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

    ok, trabajaré en ello.

    yo soy una manda, jeje

    Hola dousax:
    Opino lo mismo que tú, pero las exigencias son las exigencias no? ;)

    claro que me sirve :aprueba:
    Gracias :golpe:, voy a centrarlo como me has dicho, muchas gracias

    Saludos a todos!
     
    zaida, 22 Nov 2007
    #17
  19. dousax

    dousax Usuario activo

    ok

    Zaida ,con respecto al codigo te pregunto sabes usar los tag de html? si tu repuesta es no en tonces me dices yo te obsequio un tutorial basico que te ayudaria mucho ( yo empeze diseñando solo con dreamweaver sin entender los tag y luego aprendi a codificar,hoy combino la codificasión y diseño en dreamweaver ) este es mi msn si te parece

    [email protected]
    observa esta pagina y me dices que te parece
    http://www.24express.com.co
    chao y saludos.
     
    dousax, 22 Nov 2007
    #18
  20. zaida

    zaida Usuario activo

    Ahora lo que necesito es que al cargarse la primera pantalla, mientras que el usuario la está visualizando, se vayan cargando las demás, de ésta manera al clickear un botón y pasar a la siguiente pantalla no aparecerá a pantalla en blanco hasta que termina de cargarse. No se si eso es posible hacerlo y si así es no tengo ni idea de cómo se hace, ¿podéis ayudarme?

    Saludos y muchas gracias
     
    zaida, 5 Dic 2007
    #19
  21. zaida

    zaida Usuario activo

    Nadie puede ayudarme? he leido que puede hacerse con css,pero no encuentro en ningún sitio cómo se hace.

    ¿Teneis alguna idea de dónde encontrar cómo hacerlo?
    Saludos y muchas gracias
     
    zaida, 13 Dic 2007
    #20
Página 1 de 2


Alojamiento web, Hosting Reseller, Servidores Dedicados - All in Hosting


    
    
    
    
Blog · Sitios amigos: GuiaHosting · Unidominios · Interalta ·