Dateibündelung und HTTP/2: Best Practices überdenken

Willkommen, um unseren neuesten JavaScript -Newsletter zu abonnieren, und klicken Sie hier, um

abzuonnieren

Jetzt verwenden fast alle JavaScript -Anwendungen den Build -Prozess. Auch wenn Sie nicht aus ES2015 oder TypeScript übersetzen, ist es zu einer Standardpraxis geworden, eine Form der Verbindung und Komprimierung zu Ihrem Code durchzuführen. Der Grund dafür ist, dass bei der Erstellung von HTTP -Anfragen erhebliche Aufwand besteht. Weniger bedient, größere Dateien sind effizienter als viele kleinere Dateien. Mit der Einführung der nächsten Version von HTTP/2, dem zugrunde liegenden Protokoll für das Netzwerk, ist es möglicherweise an der Zeit, Best Practices zu überdenken.

http/2 basiert auf dem SPDY -Protokoll von Google, das die Laderlatenz der Seiten verbessern und die Sicherheit basierend auf dem vorhandenen HTTP 1.1 -Standard verbessern soll. Die Arbeit an diesem neuen Protokoll begann 2012, wobei die erste Entwicklungsversion eine direkte Kopie von SPDY war. Der endgültige Standard wurde im Mai 2015 veröffentlicht und im Mai dieses Jahres kündigte Google an, dass sie SPDY in Chrome nicht mehr unterstützen werden.

Wie unterscheidet sich HTTP/2 von seinem Vorgänger? Ein wesentlicher Unterschied besteht darin, dass HTTP/2 ein -Binärdarte Protokoll ist, kein textbasiertes Protokoll. Dies macht es kompakter, entschärgerter und weniger fehleranfälliger. Ein wesentlicher Vorteil dieses Protokolls besteht darin, dass es Multiplexed ist, was bedeutet, dass mehrere Dateien auf eine einzelne Verbindung übertragen werden können. Eine weitere weit verbreitete Funktion ist der Server-Push, mit dem der Server die Ressourcen vor den Client-Anforderungen an den Client übertragen kann und den Cache vor dem Füllen der Cache übertragen kann.

Die Unterstützung für das neue Protokoll ist sehr gut, einschließlich aller Mainstream -Browser. Auf der Serverseite wird es von Apache2, Nginx und Microsoft IIS unterstützt und auch von Node.js 5.0 und höher unterstützt. Die meisten Browser -Anbieter sagen, dass sie nur HTTP/2 für TLS -Verbindungen unterstützen, aber mit dem Aufkommen von Let's Encrypts kostenloses SSL -Zertifikat ist dies eine einfache Anforderung. Laut Daten, die im Juni dieses Jahres von W3Techs gesammelt wurden, unterstützen rund 8,4% der 10 Millionen Websites nun die neue Vereinbarung. Wenn Sie ein Chrome -Benutzer sind, können Sie die Erweiterungen HTTP/2 und SPDY -Indikator verwenden, um eine klare Ansicht zu erhalten, welche Websites Sie über http/2 dienen.

Was bedeutet die Einführung von HTTP/2 für JavaScript -Entwickler? Unsere aktuelle Praxis, mehrere Dateien mit Bündeln zu verbinden, erschwert den Browsern, unseren Code effizient zu zwischenstrahlen: Das Ändern einer Codezeile in einem Modul muss die gesamte Bundle-Datei neu herunterladen. Da HTTP/2 Multiplexing Anforderungen relativ günstig macht, haben wir die Möglichkeit, den Code in kleinere Bündel aufzuteilen und den Cache besser zu nutzen, um sicherzustellen, dass unsere Anwendung die Bandbreite des Benutzers effektiv verwendet.

Aber wenn die Anfrage billig ist, sollten wir das Bundle insgesamt aufgeben? Auf den ersten Blick scheint dies sinnvoll zu sein, aber die Kosten für HTTP -Anfragen sind nicht der einzige Faktor, den man berücksichtigen muss. Webserver begrenzen auch, wie effizient sie große Mengen an Dateien bedienen können. Angesichts des Anstiegs der JavaScript -Community, die zu kleineren, zentraleren Modulen wechselt, ist es nicht ideal, diese Dateien ohne eine Art Bündelung zu geben. Am wichtigsten ist, dass das Zusammenkischen von Dateien eine bessere Komprimierung erzielen und so die Bandbreite speichert.

Wann sollten Sie in Betracht ziehen, auf HTTP/2 zu wechseln? Die Antwort lautet, es hängt von der Situation ab. Obwohl der Browser -Support sehr gut ist, wenn Ihre Zielgruppe immer noch auf älteren Versionen von IE festhält, haben Sie Pech. Überprüfen Sie also Ihre Besucherstatistik, um festzustellen, ob dies den meisten Benutzern zugute kommt. Was ich von all dem bekomme, ist, dass die Unterstützung und Einführung des neuen Protokolls überraschend gut läuft, und als Entwickler ist es ein Trend, den wir nicht ignorieren können.

Welche Art von Bündelungsstrategie verwenden Sie? Überlegen Sie, ob Sie auf HTTP/2 wechseln oder vielleicht bereits gewechselt haben? Bitte lassen Sie es mich in den Kommentaren wissen!

FAQs (FAQs) über Dateibündelung und http/2

Was sind die Hauptvorteile von HTTP/2 gegenüber HTTP/1?

http/2 hat mehrere Vorteile gegenüber HTTP/1. Einer der wichtigsten Vorteile ist die Fähigkeit, mehrere Anforderungen über eine einzelne TCP -Verbindung zu multiplexen. Diese Funktion reduziert die Latenz, die bei mehreren Anforderungen auftreten kann, wodurch die Gesamtleistung Ihrer Webanwendung verbessert wird. HTTP/2 unterstützt auch die Header -Komprimierung, wodurch der Overhead reduziert wird und den Server -Push unterstützt, sodass der Server Ressourcen vor den Client -Anforderungen an den Client senden kann.

Wie funktionieren Dateibündel in http/2?

In HTTP/2 ist die Dateibündelung nicht mehr wie in HTTP/1 erforderlich. Dies liegt daran, dass HTTP/2 mehrere Anforderungen für eine einzelne Verbindung gleichzeitig verarbeiten kann, wodurch die Notwendigkeit der Bündelung von Dateien zusammengeführt werden muss, um die Anzahl der Anforderungen zu reduzieren. Stattdessen können Dateien separat geladen werden, wodurch die Nutzung der Cache verbessern und die Dateiverwaltung und Aktualisierungen vereinfachen können.

Was ist Multiplexing in HTTP/2?

Multiplexing ist eine Schlüsselfunktion von HTTP/2, mit der mehrere Anforderungen und Antworten gleichzeitig über eine einzelne TCP -Verbindung gesendet werden können. Dies ist eine wesentliche Verbesserung gegenüber HTTP/1, die nur eine Anforderung pro Verbindung verarbeiten kann. Multiplexing reduziert die Latenz, die mit mehreren Anforderungen verbunden ist, wodurch die Leistung von Webanwendungen verbessert wird.

Wie funktioniert der Server -Push in HTTP/2?

Server Push ist eine Funktion in HTTP/2, mit der der Server vor den Client -Anforderungen Ressourcen an den Client senden kann. Dies kann die Leistung von Webanwendungen verbessern, indem die Zeit für Kunden benötigt, um Ressourcen zu empfangen und zu rendern. Der Server kann die Ressourcen, die der Client erwartet, basierend auf der ersten Anforderung vorangetrieben.

Warum wird in HTTP/2 eine schlechte Praxis als schlechte Praxis angesehen?

In HTTP/2 wird die Bündelung von Dateien als schlechte Praxis angesehen, da es einige der wichtigsten Vorteile des Protokolls beseitigt. HTTP/2 ist so konzipiert, dass mehrere Anfragen gleichzeitig für eine einzelne Verbindung verarbeitet werden. Daher können die Bündelung von Dateien tatsächlich die Leistung beeinträchtigen, da sie größere, komplexere Dateien erstellt, die länger dauern, um zu verarbeiten und zu erneuern.

Welche Auswirkungen hat HTTP/2 auf SEO?

http/2 kann sich positiv auf die SEO auswirken, da es die Geschwindigkeit und Leistung der Website verbessern kann. Schnellere Standorte tendieren in der Suchmaschinenergebnisse tendenziell höher, da die Ladegeschwindigkeit der Seiten der Rangfaktor ist. Darüber hinaus können die Multiplexing- und Server -Push -Funktionen von HTTP/2 die Benutzererfahrung verbessern, was auch zur Verbesserung der SEO beiträgt.

Wie kann ich die Sicherheit bei HTTP/2 verbessern?

http/2 verbessert die Sicherheit, indem die Verwendung von HTTPS unterstützt wird, wodurch Daten zwischen dem Client und dem Server gesendet werden. Dies verhindert, dass sensible Informationen während der Übertragung abgefangen oder manipuliert werden. Zusätzlich kann der binäre Rahmenmechanismus von HTTP/2 dazu beitragen, Angriffe gegen das HTTP/1 -Protokoll zu verhindern.

Wie wirkt sich HTTP/2 auf das mobile Surfen aus?

http/2 kann das mobile Browsen erheblich verbessern, indem sie die Latenz verringert und die Geschwindigkeit von Webanwendungen erhöht. Dies ist besonders für mobile Benutzer von Vorteil, die häufig langsamere Internetverbindungen verwenden. Die Multiplexing- und Server -Push -Funktionen von HTTP/2 können auch die Leistung mobiler Anwendungen verbessern.

Kann ich HTTP/2 in älteren Browsern verwenden?

Die meisten modernen Browser unterstützen HTTP/2, ältere Browser jedoch nicht. Wenn der Client HTTP/2 nicht unterstützt, fällt der Server normalerweise in die Verwendung von HTTP/1 zurück. Es ist zu beachten, dass HTTP/2 zwar viele Vorteile hat, es jedoch kein Ersatz für gute Codierungspraktiken ist und als Teil einer breiteren Leistungsstrategie verwendet werden sollte.

Wie kann ich überprüfen, ob meine Website HTTP/2 verwendet?

Es gibt einige Online -Tools, die überprüfen, ob die Website HTTP/2 verwendet, z. B. HTTP/2 -Tests. Sie können auch manuell überprüfen, indem Sie das Netzwerkprotokoll im Browser -Entwickler -Tools überprüfen. Wenn Ihre Website HTTP/2 nicht verwendet, müssen Sie möglicherweise Ihre Serversoftware oder -konfiguration aktualisieren.

Das obige ist der detaillierte Inhalt vonDateibündelung und HTTP/2: Best Practices überdenken. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!