Digamos que estoy cargando varias imágenes grandes (> 500 kb) en mis elementos usando php y js, descubrí que mi velocidad de carga tarda bastante (aproximadamente 5 segundos).
Anoche estaba navegandohttp://ringvemedia.com/beijing-photos
y la velocidad de carga de las imágenes de fondo completas es increíblemente rápida. Comprobé que el ancho natural de la imagen de fondo es 1024 px y la calidad es bastante decente, así que creo que el tamaño de la imagen no debería ser demasiado pequeño.
Entonces, ¿cómo logro una velocidad de carga de imágenes similar? Por cierto, estoy usando un servidor hostgator.
Respuesta1
La velocidad de carga de su imagen se basa en el ancho de banda, suponiendo que la máquina no esté terriblemente sobrecargada, lo cual es una posibilidad en un entorno compartido (pero debería ser irregular, a veces rápido, a veces lento).
Si tiene, digamos, una carga de tubería de 2 MB desde su servidor como parte de su plan de alojamiento, bueno, 500 kb * 8 bits por byte = 4 MB, lo que significa que cada imagen tarda 2 segundos en transferirse. Con imágenes grandes... la transferencia puede tardar bastante, y eso si solo un usuario obtiene archivos a la vez. ¿Sabe cuál es su ancho de banda y dónde está ubicado su servidor?
Según su descripción, apuesto a que su ancho de banda saliente no es tan alto y es por eso que transferir una cantidad decente de datos será más lento de lo que le gustaría.
Como nota al margen: como referencia: las imágenes de ese sitio pesan entre 100 y 240 kb, la mayoría en el extremo inferior.