2017-03-12 3 views
1

Ich habe diesen Code in Körper des Dokuments:Wenn HTML-Bilder beginnen, ihre Daten herunterzuladen?

<body> 
    <div> 
     <img id="image1" src="https://source" style="..."> 
    </div> 
</body> 

Wann wird das Dokument starten Bilddaten herunterlädt?

  • Nach Parsen src
  • Nach img Element
  • Nach Körper analysiert wird analysiert wird
  • Nachdem gesamte Dokument analysiert wird
  • Oder macht es von Browser zu Browser ändern?

Wenn Sie irgendein Dokument darüber wissen, schreiben Sie bitte. Ich schätze all Ihre Hilfe.

+0

Nach dem Img wird geparst – mplungjan

+0

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. –

Antwort

0

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.

0

Nach Element img analysiert wird, wenn bestimmte Bedingungen wie gültige URL erfüllt sind und nicht zu viele andere Anfrage auf gehen

Verwandte Themen