Gibt es irgendwelche Tutorials oder Plugins, um eine Seite sichtbar zu machen, sobald sie richtig geladen ist, um Jerking usw. zu begrenzen, damit der Inhalt im Grunde reibungslos erscheint?
Ich nehme an, es wäre einfacher, wenn es nur ein bestimmter Bereich wäre, da eine Kopf- oder Fußzeile bereits von früheren Seiten im Cache gespeichert wird ...
Zum Beispiel eine Portfolio-Seite mit verschiedenen Thumbnails, die nur dann erscheinen, wenn sie fertig sind.
Kann das gemacht werden?
Danke für jede Hilfe:)
Erstens, ein Nebenaspekt: Im Allgemeinen verbringen Webdesigner viel Zeit damit, die wahrgenommene Ladezeit von Seiten zu verbessern und die Dinge so schnell wie möglich zu zeigen. Dies geht aktiv in die andere Richtung und präsentiert eine leere Seite, bis alles fertig ist, was möglicherweise nicht ideal ist.
Aber wenn es für Ihre Situation angemessen ist:
Da alles Sichtbare ein Nachkomme von body sein wird, könnten Sie body hidden laden und dann einblenden. Es wäre wichtig, ein Fallback für Benutzer ohne JavaScript einzubauen (normalerweise weniger als 2% mindestens
Je nachdem, wann die Einblendung stattfinden soll, gibt es eine Reihe von Variationen des Skriptteils:
Warten Sie auf das Ereignis "ready":
%Vor% Warten Sie auf das window#load -Ereignis:
window#load feuert sehr zu spät beim Laden der Seite ab, nachdem alle externen Ressourcen (einschließlich aller Bilder) geladen wurden. Aber du hast gesagt, du wolltest warten, bis alles geladen ist, also könnte es das sein, was du machen willst. Es wird definitiv Ihre Seite langsamer erscheinen lassen ...
Eine andere Möglichkeit, dies zu erreichen, ist über das Animate.css-Projekt. Sein reines CSS, so dass man sich nicht auf JS verlassen muss:
Fügen Sie einfach die Klassen "animated" und "fadeIn" zu Ihrem übergeordneten Element hinzu und alle untergeordneten Elemente werden eingeblendet.
Dabei ist container die ID des div mit Ihrem gesamten Inhalt.
Tags und Links html jquery jquery-plugins load fade