Webseite erscheint beim Laden verstreut?

Question

Wenn Sie eine Seite zum ersten Mal laden, werden die Bilder nicht für eine Sekunde angezeigt (wie sie unsichtbar sind). Die Struktur der Seite wird scheinbar gestreut. Wenn Sie auf Aktualisieren klicken, ist es in Ordnung. Gibt es Korrekturen, die das beheben können?

Answer 1

Wenn das Problem ausschließlich mit Bildern ist, glaube ich, dass Sie die height und width Attribute des Tags verwenden können, um dem Browser mitzuteilen, welche Größe die Bilder sein werden. Dadurch kann es alles korrekt "platzieren", bevor es alle Inhalte laden kann.

Edit: Jemand schlug vor, sonst CSS, und ich glaube, dass die height und width Richtlinien von CSS erhalten Sie das gleiche Ergebnis wie die gleichen Attribute des <img>-Tag, aber nicht beschränken Sie sich nicht ausschließlich auf Bilder und ein wird besser mit allen margin oder padding Direktiven spielen, die Sie verwenden könnten.

Answer 2

Ja, aber keiner von ihnen ist sehr einfach. Eine der einfachsten wäre es, deine Seite in einem Div oder etwas zu verstecken, bis alles fertig geladen ist.

Answer 3

Dies ist, wie HTML Dinge vor einer vollständigen Auslastung legt. Es zeigt an, was beim Laden geladen wird. Wenn Elemente geladen werden, können sie Dinge herumschieben, um der Nachsicht von HTML gerecht zu werden.

Wenn Sie möchten, dass eine Seite während des Ladens "richtig" geladen wird, dann schauen Sie in die CSS-Layouts.

Es wird korrekt angezeigt, wenn Sie auf Aktualisieren klicken, da die Daten bereits auf Ihrem Computer zwischengespeichert sind und viel schneller geladen werden können.

Answer 4

versuchen Sie dies:

<script type="text/javascript"> 
window.onload = function() { 
    document.body.style.display = 'none'; 
    document.body.style.display = 'block'; 
}; 
</script>