Nun, ich habe diese Frage in einem Interview-Test.Es gibt zwei Gründe, warum die Seite länger als erforderlich mit diesem Bild herunterladen herunterladen.HTML-Interview Frage
< IMG src="somethin.gif" width=10 height=10 border=0 >
Nun kam ich mit 3 statt 2 Gründe Xhtml Validierungsprobleme, Ändern der Bildgröße und unnötige Grenze nach oben = 0.So was hier falsch ist? .
Validierungsprobleme erhöhen nicht die Download-Zeiten (und abgesehen von einigen zusätzlichen Leerzeichen ist es das einzige, was die Gültigkeit von HTML 4.01 stoppt. Transitional ist das fehlende alt-Attribut).
Die Dinge, die Download-Zeiten erhöhen konnten, sind:
Bilder, die im Inneren Links sind eine Grenze von Standard haben, so border = 0 ist vielleicht nicht als‚unnötig‘, wie Sie denken (obwohl es noch besser Hand geführt mit CSS).
An jedem Ende befindet sich ein Leerzeichen. Das sind 2 unnötige Bytes zum Herunterladen;)
something.gif verweist möglicherweise nicht auf ein statisches Bild im Dateisystem.
something.gif Macht:
Wie wäre:
<img src="data:image/gif;base64, {insert base64 image here} >
Reduziert die Downloadzeit um etwa eine Umlaufzeit. Da es ziemlich klein ist, 10 von 10, ist der Aufwand von Base64 nicht signifikant, denke ich ..
Das Bild verwendet relativen Pfad und möglicherweise überhaupt nicht heruntergeladen werden, besonders wenn in einem E-Mail-Client angezeigt.
Der offensichtlichste Grund wäre, dass das Bild selbst heruntergeladen werden müsste, was die Seitenladezeiten erhöht. :) Und der Server sendet möglicherweise Header, die verhindern, dass der Browser das Bild zwischenspeichert, so dass das Bild möglicherweise jedes Mal heruntergeladen werden muss, wenn die Seite aktualisiert wird. – Anurag