Kombinieren von JavaScript-Dateien im HTTP/2-Protokoll

Viele Onlinedienste zum messen der Ladezeiten und Leistung (Performance) einer Webseite oder Blog, generieren, noch immer, Empfehluingen wie diese:

Kombinieren Sie geladenes JS (JavaScript) in weniger Dateien Hilft, die Anzahl der HTTP-Anfragen noch weiter zu reduzieren, was zu schnelleren Seitenladevorgängen führt.

Was ist HTTP/2?

HTTP/2 ist ein Protokoll zur Datenübertragung über das Internet und andere Netzwerke. Es ist seit 2015 die aktuelle Version des Hypertext Transfer Protokolls (HTTP). Mit diesem werden seit Anfang der Neunziger Website-Daten zwischen Webserver und Browser kommuniziert. (Quelle)

Neuigkeiten zum Kombinieren von JavaScript-Dateien

Ein versteckter Hilfe-Link des WordPress-Plugins „Asset CleanUp: Page Speed Booster“ hat mich aufgeklärt. Der folgende Text ist eine aufbereitete und ergänzte Übersetzung davon:

In HTTP/1 ist Anzahl der offenen Verbindungen beschränkt. Daher ist es immer noch eine gute Idee, Assets in weniger (oder nur einer) Dateien zusammenzufassen.
Das Gleiche ist in HTTP/2 aufgrund der Möglichkeit, mehrere kleine Dateien gleichzeitig ohne großen Overhead zu übertragen, möglich.

In HTTP/2 wurden unter anderem folgende Probleme behoben:

Multiplexing: ermöglicht gleichzeitige Anfragen über eine einzelne TCP-Verbindung.
Server-Push: Dabei kann ein Server wichtige Ressourcen an den Browser pushen, bevor er danach gefragt wird.

Da HTTP-Anforderungen gleichzeitig in HTTP/2 geladen werden, ist es besser, nur die Dateien bereitzustellen, die Ihre Besucher benötigen, und sich nicht viel Gedanken über die Verkettung zu machen.

Beachten Sie, dass Tools zum Testen der Seitengeschwindigkeit wie PageSpeed Insights, Pingdom Tools oder GTMetrix weiterhin das Kombinieren von CSS/JS-Dateien empfehlen. Warum? Weil sie ihre Empfehlungen basierend auf HTTP/1- oder HTTP/2-Protokollen nicht aktualisiert haben.

Daher sollten Sie die tatsächliche Ladezeit berücksichtigen, nicht die Leistungsnote!

Wenn Sie sich entscheiden, mit der Verkettung fortzufahren, würde das zumindest die GTMetrix Leistungsbewertung aus kosmetischer Sicht verbessern. Doch denken Sie bitte an folgende Punkte:

Die Seiten, auf denen die Assets kombiniert sind, gründlich testen.
Achten Sie auf JavaScript-Fehler in einer Web-Konsole.
In seltenen Fällen können, aufgrund der Reihenfolge, in der die Skripte geladen wurden, und der Art und Weise, wie ihr Code geschrieben wurde, einige Funktionen beeinträchtigen.