Add HTTP/2 Server Push Link header

remix-run · May 17, 2022 · 91a17aa · 91a17aa
1 parent a114c40
commit 91a17aa
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/contributors.yml b/contributors.yml
@@ -259,6 +259,7 @@
 - penspinner
 - 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
+    .flatMap(({ route: { module, imports } }) => [module, ...(imports || [])])
+    .filter(Boolean)
+    .concat([
+      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,