Wenn Sie die „Start“ des Download suchen, das wäre, wenn die <img>
ist analysiert.
Sie jedoch durch andere Dinge verwechselt worden sein könnte:
Wenn dynamisch ein Bild hinzufügen, dh var img = new Image()
, das Bild Download beginnt, wenn Sie die src
Eigenschaft zuweisen, nicht, wenn Sie es an den DOM anhängen .
Wenn DOMContentLoaded
ausgelöst wird, ist das DOM zur Manipulation bereit. Bilder, Stile und andere Assets werden jedoch noch nicht vollständig geladen.
Wenn die load
Ereignis ausgelöst wird, ist die Zeit, die Sie sicher sind, dass alles, einschließlich Bilder, vollständig geladen sind.
Die letzten beiden Aufzählungspunkte beziehen sich nicht auf den Beginn des Downloads. Aber sind gute Hinweise darauf, was im Hinblick auf Bilder passiert. In beiden Phasen werden die Bilder heruntergeladen bzw. ausgeführt, was bedeutet, dass sie nicht den Beginn des Downloads darstellen können. Der Download muss früher geschehen sein.
Sie können die Netzwerkzeitleiste in den Dev Tools des Browsers überprüfen, um zu sehen, wann Ihr Bild tatsächlich heruntergeladen wurde.
Nach dem Img wird geparst – mplungjan
Traditionell, Browser sind so konzipiert, teilweise Ausgabe an Benutzer so schnell wie möglich zu rendern. Das Bild sollte also in die Warteschlange gelangen, sobald seine Referenz in der Quelle gefunden wurde. Der tatsächliche Download hängt natürlich davon ab, wie viele gleichzeitige Downloads der Browser konfiguriert hat und ob eine andere Ressource (z. B. eine JavaScript-Datei) andere Downloads blockiert. –