Add HTTP/2 Server Push Link header

remix-run · May 15, 2022 · 60859d5 · 60859d5
1 parent 15d18e6
commit 60859d5
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/contributors.yml b/contributors.yml
@@ -275,6 +275,7 @@
 - pcattori
 - phishy
 - plastic041
+- plopix
 - princerajroy
 - prvnbist
 - ptitFicus

diff --git a/templates/remix/app/entry.server.tsx b/templates/remix/app/entry.server.tsx
@@ -14,6 +14,17 @@ export default function handleRequest(
 
   responseHeaders.set("Content-Type", "text/html");
 
+  // Add Link header for HTTP/2 Server Push
+  let http2PushLinksHeaders = remixContext.matches.reduce((acc: string[], { route: { module, imports } }) => {
+    acc.push(module);
+    if (imports) {
+      acc.push(...imports);
+    }
+    return acc;
+  }, []);
+  http2PushLinksHeaders.push(...[remixContext.manifest.url, remixContext.manifest.entry.module, ...remixContext.manifest.entry.imports])
+  responseHeaders.set("Link", (responseHeaders.has("Link") ? responseHeaders.get("Link") + "," : '') + http2PushLinksHeaders.map((link: string) => `<${link}>; rel=preload; as=script`).join(","));
+
   return new Response("<!DOCTYPE html>" + markup, {
     status: responseStatusCode,
     headers: responseHeaders,