Was ist der Wert der Verwendung von Webpack mit HTTP/2

Question

Ich beginne ein neues Projekt und ich versuche vorwärts zu denken. Ich habe in der Vergangenheit Browserify verwendet. Für mein neues Projekt möchte ich entweder Webpack, Rollup oder SystemJS verwenden. Webpack sieht bei weitem am ausgereiftesten aus mit tollen Features.

Ich bin besorgt, dass Webpack wird in ein oder zwei Jahren mit der Annahme von HTTP/2 irrelevant sein. Ich frage mich, welchen Wert Webpack für eine Website bietet, die über HTTP/2 bedient wird. Ich suche keine Meinung, sondern eine sachliche Erklärung der Vorteile der Verwendung von Webpack mit HTTP/2. Wenn es keine oder nur sehr geringe Vorteile gibt, würde mir das auch bei meiner Entscheidung helfen.

Answer 1

TL; DR

In HTTP/1.1, Sie hatten so wenige Anträge wie möglich zu machen Leistung zu erhalten; In HTTP/2 haben Sie nur eine minimale Auswirkung auf die Leistung pro Anforderung, können jedoch Ressourcenbeschränkungen und das Abhängigkeitsmanagement treffen, für die ein Bündelungstool wie Webpack erforderlich ist.

Lange Version:

Webpack (oder jeder anderer Bündler) noch Wert in einer HTTP/2 Welt schaffen, weil während HTTP/2 Multiplex ermöglicht, asynchron, gleichzeitige Anfragen vom Client zum Server es, Dies bedeutet nicht, dass der Server, mit dem Sie sich verbinden, über unbegrenzte Kapazität verfügt, um sie zu verarbeiten oder sogar zuzulassen.

Im SETTINGS-Rahmen, der beim Herstellen der Verbindung gesendet wird, beschränken die meisten Server die Anzahl der gleichzeitigen Streams auf einen angemessenen Wert wie 100. Dies bedeutet, dass Sie nicht mehr als 100 gleichzeitige Anforderungen ausgeben können Beispiel eine große entbündelte React-App mit Hunderten von js-Dateien.

Darüber hinaus haben Sie in vielen Fällen transitive Abhängigkeiten zwischen Javascript-Dateien und wenn Sie nicht alle Abhängigkeiten bündeln, benötigen Sie viele Anfragen Round-Trips, da der Browser Abhängigkeiten nur entdecken wird, wenn er die vorherigen Antworten erhält Negieren von HTTP/2-Vorteilen. (Alternativ kann der Server die Abhängigkeiten automatisch pushen, aber dies erzeugt einen ganz anderen Satz von Problemen).

Aus diesen Gründen ist es sinnvoll, mit dem webpack mehrere homogene Bundles zu paketieren, um sicherzustellen, dass Ihre maximalen gleichzeitigen Anforderungen unter den Serverlimits bleiben und Ihr Paket granular genug ist, um effizientes Browser-Caching zu ermöglichen.