Vermeiden Sie das Neuladen von Hintergrund- und Hauptmenüs (weißer Blitz), wenn Benutzer auf meiner Website navigieren?

Kein großes Problem, aber ich möchte mehr darüber erfahren, wie einige Websites einem navigierenden Benutzer unterschiedliche Seiten bereitstellen können, sodass der Browser eine leere weiße Seite nicht sichtbar durchläuft. Während einige Websites den Browser veranlassen, die weiße Seite bis zu einigen Sekunden lang anzuzeigen.

Ich kann mir vorstellen, dass dies teilweise auf die Netzwerklatenz zurückzuführen ist, aber gibt es noch andere Faktoren? Kann ich dafür sorgen, dass das Hintergrundbild / die Hintergrundfarbe nicht weiß blinkt?

html

— gus
quelle

Antworten:

Der "weiße Blitz", auf den Sie sich beziehen, ist der Browser, der die Webseite zeichnet. Es gab eine große Frage, wie man nachverfolgen kann, wie lange verschiedene Browser zum Zeichnen Ihrer Website benötigen (abgesehen von der Latenz).

Eine weitere gute Frage ist, wie Sie Ihre Website durch verschiedene Tools und Techniken beschleunigen können.

Aber ich denke, Sie suchen AJAX . Asynchrones JavaScript und XML; Auf diese Weise können Sie den Seiteninhalt neu laden, ohne die Seite neu zu laden, wodurch der "weiße Blitz" vollständig vermieden wird.

EDIT: Ich habe gerade eine Technik realisiert, die Sie verwenden können, die extrem einfach ist. Sie könnten iframes verwenden ! Ich habe nicht daran gedacht, weil es eine veraltete Technik ist. Ich habe es seit der High School nicht mehr benutzt, aber mit iframes sollten Sie in der Lage sein, die gewünschten Ergebnisse zu erzielen.

— Christopher
quelle

Danke Christopher, ich werde diese Fragen prüfen. Ich interessiere mich jedoch hauptsächlich für Techniken, die den weißen Blitz verhindern, ohne AJAX-Techniken zu verwenden. Zum Beispiel beim Navigieren auf verschiedenen Seiten einer typischen Unternehmenswebsite mit gemeinsamen Hintergründen, Kopfzeilen, Hauptmenüleisten usw. Derzeit basiert meine Website auf der Vorlagenfunktion von Dreamweaver. Ich weiß, dass ich nicht wirklich mit der Zeit Schritt halten kann.

— Gus

Was Sie suchen, ist außerhalb der Reichweite von Code ohne AJAX. Wenn Sie in Ihrem Browser auf einen Link klicken, wird eine Verbindung hergestellt und ein Handshake mit Ihrem Server durchgeführt. Dann wird nach der Datei gefragt (about.html usw.). Der Server überprüft die Datei, führt jeden serverseitigen Code aus und sendet die Datei über das Hyper-Text Transfer Protocol (HTTP) an Ihren Computer. Sobald Ihr Browser den Code erhält, beginnt er, die Elemente in Ihrem Fenster zu "zeichnen". Der 'White-Flash' ist die Zeit zwischen der Anforderung der Seite durch den Browser und dem 'Zeichnen' innerhalb des Fensters. Dies betrifft Anwendungen, nicht den gesamten Code.

— Christopher

Wenn dies Ihre Frage beantwortet hat, können Sie dies bitte als die richtige Antwort markieren? Es sei denn, Sie benötigen weitere Informationen.

— Christopher

Wenn ich Sie richtig verstehe, bestätigen Sie, dass es derzeit unmöglich ist, den "weißen Blitz" mit nicht AJAX-ähnlichen Methoden zu vermeiden. Ja?

— Gus

Als Webmaster ohne Kontrolle darüber, mit welchen Browsern Ihre Website angezeigt wird, ja.

— Christopher

Es ist am besten, sich nicht auf Iframes oder andere unnötige strukturelle, nicht semantische Komplikationen zu verlassen, um ein variables / kosmetisches Problem zu vermeiden. Mit AJAXy-Methoden können einige dieser Probleme beim erneuten Zeichnen vermieden werden. Wenn Sie jedoch nicht bereit sind, die architektonischen Komplexitäts- und Zugänglichkeitsprobleme von AJAXing in großen Teilen Ihrer Website zu berücksichtigen, konzentrieren Sie sich am besten darauf, das Seitengewicht durch CSS-Optimierung zu verringern und zu minimieren Dateidownloadgrößen und Anzahl der HTTP-Verbindungen, die zum Abrufen von Seitenressourcen usw. erforderlich sind.

— David Simmer
quelle

webpagetest.org ist großartig, wenn Sie nach einer ziemlich detaillierten Aufschlüsselung der "Leistung" der Last suchen und was abgenommen werden kann

— Dallas