Bien, recibí esta pregunta en una prueba de entrevista. Da dos razones por las que la página puede tardar más en descargarse de lo necesario con esta imagen.Pregunta de entrevista HTML
< IMG src="somethin.gif" width=10 height=10 border=0 >
Bueno me ocurrió con 3 en lugar de 2 razones problemas de validación XHTML, cambio de tamaño de imagen y la frontera innecesaria = 0.So lo que está mal aquí? .
Los problemas de validación no aumentan los tiempos de descarga (y, aparte de algunos espacios en blanco adicionales, es lo único que impide que sea válido HTML 4.01 Transitional es el atributo alternativo que falta).
Las cosas que podrían aumentar los tiempos de descarga son:
imágenes que se enlaces dentro de un margen sólo por defecto, así border = 0 podría no ser tan 'innecesaria' como cree (aunque todavía es mejor mano dirigido con CSS).
Hay un espacio en cada extremo. Eso es 2 bytes innecesarios para descargar;)
something.gif puede que en realidad no esté apuntando a una imagen estática en el sistema de archivos.
something.gif fuerza:
¿Qué tal:
<img src="data:image/gif;base64, {insert base64 image here} >
Reduce el tiempo de descarga en alrededor de un viaje de ida y vuelta. Dado que es bastante pequeño, 10 por 10, la sobrecarga de base64 no es significativa, creo que ...
La imagen utiliza una ruta relativa y no se puede descargar en absoluto, especialmente cuando se ve en un cliente de correo electrónico.
La razón más obvia sería que la imagen en sí misma tendría que ser descargada, lo que se agregará a los tiempos de carga de la página. :) Y es posible que el servidor esté enviando encabezados que impiden que el navegador guarde en caché la imagen, por lo que es posible que la imagen deba descargarse cada vez que se actualice la página. – Anurag