Add HTTP/2 Server Push Link header

remix-run · Jun 16, 2022 · 59a4338 · 59a4338
1 parent a114c40
commit 59a4338
Show file tree

Hide file tree

Showing 2 changed files with 18 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,23 @@ 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",
+    http2PushLinksHeaders
+      .map((link: string) => `<${link}>; rel=preload; as=script; crossorigin=anonymous`)
+      .concat(responseHeaders.get("Link") as string)
+      .filter(Boolean)
+      .join(",")
+  );
   return new Response("<!DOCTYPE html>" + markup, {
     status: responseStatusCode,
     headers: responseHeaders,