window.ready…

[jemand anders]

Hallo,

ich schlage mich hier mit einem merkwürdigen Phänomen herum.

Ein Platzhalter - "bitte warten…" soll solange angezeigt werden, bis benötigte Daten aufbereitet sind, und dann ersetzt werden.

Mein Code:

window.onload = ready

  function ready() {
    console.log('ready…')
    document.querySelector("#platzhalter").style.display = "none";
    document.querySelector("#daten").style.display = "flex";
  }

Das Phänomen ist, dass die Ready-Meldung nach ca. 8 bis 10 Sekunden erscheint, während die CSS-Operationen schon sehr viel schneller erfolgen, obwohl sie in derselben Funktion enthalten sind.

Wie kann das erklärt werden?

Grüße

PS: Ich habe mir schon verschiedene Quellen angeschaut, z. B. Page: DOMContentLoaded, load, beforeunload, unload

 

[Sempervivum]

Abhängig vom Browser kann es sein, dass console.log asynchron arbeitet, siehe auch hier:
console.log() async or sync?
Allerdings ist es bei der Ausgabe eines simplen Strings nicht richtig erklärlich, dass eine Verzögerung von mehreren Sekunden auftritt.