[SOLUCIONADO] carga web

[fmiguelcapel]

buenas tardes, alguien me podria decir como hacer para que la web que acabo de hacer se cargue de algna manera todo a la vez y mas rapido?. quiero decir en lugar de que al cargarse la web en el navegador una vez de hace la peticion al servidor, sea por trozos ( fondo web, imagenes etc); es que si no queda muy feo...
Muchas gracias por vuestra atencion y espero puedan ayudarme...

[gnzsoloyo]

A ver si esta vez lo puedo hacer ...



Mmmm... no. Sigue sin funcionar la telepatía.

Postea código, características del desarrollo, recursos que usa, dirección de web, datos del hosting, etc. Es decir, todos aquellos elementos que nos sirvan para saber cómo está construida y qué nivel de recursos necesita.

Telepatía, aún no hemos desarrollado.

[fmiguelcapel]

No expuse más datos porque creía que la metodología sería estándar pero en fin...
La web es: http://www.entre-bastidores.net y resulta que si el usuario accede es su dispositivo, y dependiendo de la velocidad del mismo, se van cargando las imágenes, funcionalidades javascript, fondo body, etc., de forma independiente cada una; Y lo que quisiera conseguir, si fuera posible, es que todas las funcionalidades, imágenes,etc, se cargarán todas a la vez o más rápido, o algo parecido...
A ver si es posible de alguna forma...muchas gracias

[pzin]

Bueno yo fui a mirar pero al saltar la música me salí.

[fmiguelcapel]

No creo que sea para tanto...; en cualquier caso sabe alguien como resolver la cuestión planteada?
Gracias

[gnzsoloyo]

Al menos dos observaciones:
- La música es molesta, innecesaria y el usuario no tiene modo de desactivarla, algo que toda web con musica de fondo tiene.
- La imagen principal parece ser demasiado grande en cuanto a definición. ¿Qué tamaño tiene en DPI? Se regenera como si fuese una de 200x200,lo que para una web es un espanto.

[digitalvalley]

Sin entrar en un tema de programación, que deberias verlo, lo más rápido para aumentar la velocidad es que te instales un Varnish para acelerar la web. Tambien puedes poner un CDN como Cloudflare. Y luego reducir y minimizar los css, los .js con las típicas herramientas como google insight, etc, etc

[Carlangueitor]

Primero reduce los más de tres megas que pesa la página.


Saludos

[fmiguelcapel]

A que tamaño de imagen te refieres gnzsoloyo? A la del slider o a la imagen de fondo?
Lo que parece que ocurre al cargarse la web es que se carga antes el color de fondo de la página que la imagen de fondo, y después los demás objetos de la página; y lo que quisiera conseguir, si fuera posible, sería que todo se cargase a la vez...gracias...
Los.demás observaciones lo miraré para poderla hacer más rápida la carga.

[gnzsoloyo]

A que tamaño de imagen te refieres gnzsoloyo? A la del slider o a la imagen de fondo?

La foto... Esa imagen tarda demasiado en cargarse, como si la definición que tiene fuera demasiado elevada, o bien hubiese sido forzada para achicar sin regenerarla. Esto último es muy habitual en los principiantes.
Yo trabajé catorce años haciendo diseño gráfico, incluyendo Flash y paginas web, y esa es la primera impresión que me da.

[carscx]

Me encanto lo de la telepatia, jejejejejeje

el codigo magico que todos piden, escribe esto en tu web y todo ira mucho mas rapido.

Código Javascript:

<script type="text/javascript">
var velocidad = 12000;
var msg = 'La web cargo en '+velocidad+' milisegundos, es rapidisimo';
alert (msg);
</script>
 

[fmiguelcapel]

Reduci la resolución de la imagen de fondo y parece que tenías razón; y por lo demás iré probando vuestras sugerencias. Muchas gracias

[gnzsoloyo]

Iniciado por fmiguelcapel

Reduci la resolución de la imagen de fondo y parece que tenías razón; y por lo demás iré probando vuestras sugerencias. Muchas gracias

En general es preferible siempre generar la imagen en la definición que tendrá para el tamaño en que realmente se muestre en pantalla.
Luego, para ser impresa o descargada, es posible que tengas una segunda o más versiones de la misma imagen (diferentes nombres), con otras calidades, a fin de que el usuario pueda imprimirla o descargarla con buena definición.
Es en esencia lo mismo que hacer un thumbnail, pero de mayor tamaño.
Todos los editores de fotografía (p.e. Phptoshop) tienen recursos para preparar la imagen para calidad de web. Úsalos.

[fmiguelcapel]

Así lo haré, gracias