Detaillierte Erläuterung der segmentierten Übertragung und Darstellung in Webseiten

Ich bin kürzlich auf dieses Wissen gestoßen, also habe ich nach Informationen gesucht und einige Zusammenfassungen erstellt

Was ist eine segmentierte Übertragung?

Wenn ein http-Header eingeführt wird. Dieser Header gibt an, dass die Entität mithilfe der Chunked-Codierung übertragen wird. Die Chunked-Codierung kann die Entität für die Übertragung in Chunks unterteilen, und jeder Inhalt in der Chunked-Codierung identifiziert die Länge selbst. Dies gibt Webentwicklern einen Hinweis, wenn mehrere Daten benötigt werden und mehrere Daten langsam zurückgegeben werden. Sie können nach der Verarbeitung ein Stück zurückgeben, damit der Browser den HTML-Code so früh wie möglich empfangen und zuerst rendern kann.

Wie übertrage ich in Segmenten?

Da wir nun wissen, dass wir Webseiten einzeln übertragen können, können wir die Webseiten ändern, die für jedes Teil benötigten Daten abrufen und sie zusammen rendern, ohne zu warten. damit der Server eine Vorlage nimmt und sie zusammen rendert

Am Ende werden wir feststellen, dass die Gesamtverarbeitungszeit unverändert bleibt, aber durch die Verwendung segmentierter Ausgabewebseiten kann ein Teil des HTML-Codes so früh wie möglich an den Client gerendert werden, sodass der Benutzer den Teil verwenden kann, der zuerst ankommt. Andererseits kann ein frühes Seitenfeedback auch die Angst der Benutzer beim Warten verringern.

Zusammenfassend lässt sich sagen, dass die Verwendung dieser Optimierungsmethode die Rendering-Geschwindigkeit von Webseiten beschleunigen kann.

Anwendbare Szenarien für die segmentierte Übertragung

1. Wenn die Back-End-Verarbeitung zeitaufwändig ist, können Sie versuchen, einen Teil zu rendern und dann einen Teil an den Client zu senden. Die Gesamtzeit bleibt jedoch gleich Warten Sie, bis die gesamte Übertragung abgeschlossen ist. Es entsteht kein Wartezustand. Sie können so früh wie möglich rendern und dem Benutzer Feedback geben.

2. Wenn das Backend die gerenderten Daten verarbeitet, ist der obere Teil schneller und der untere Teil langsamer (Sie können zuerst den schnelleren Teil oben rendern)

bigpipe

Legen Sie einfach den langsamsten Teil nach unten und schieben Sie ihn darüber. Es gibt also eine Ladeidee, die darin besteht, js Backfill zu verwenden. Das Backend kann zuerst die schnelle Vorlage und dann die langsame Vorlage rendern. Wir können alle Blöcke auf der Seite leeren und parallel rendern. Wer schneller ist, rendert zuerst die Backfill-Js. Auf diese Weise kann ein paralleles und „Wer zuerst kommt, mahlt zuerst“-Rendering erreicht werden.

Anwendbare Szenarien für Bigpipe

1 Das Backend verfügt über eine langsame Datenverarbeitung, die die Seite blockiert, und der langsamste Teil befindet sich nicht am Ende der Webseite. (Sie können den langsamsten Teil in Backfill umwandeln)
2. Wenn es im Backend mehrere Datenteile gibt, die parallel verarbeitet werden müssen (Sie wissen nicht, welches Teil zuerst zurückkommt, rendern Sie also zuerst ein Regal. Bei parallelen Anforderungen wird das Teil, das zuerst zurückkommt, geleert und zuerst verfüllt)

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der segmentierten Übertragung und Darstellung in Webseiten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!