chore: use prerender and dns-prefetch

Signed-off-by: Logan McAnsh <[email protected]>
remix-run · Jan 13, 2023 · 99d2559 · 99d2559
1 parent f75bd1e
commit 99d2559
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/integration/prefetch-test.ts b/integration/prefetch-test.ts
@@ -204,7 +204,7 @@ test.describe("prefetch=intent (hover)", () => {
       `#nav link[rel='prefetch'][as='document'][href='${EXTERNAL_URL}']`,
       { state: "attached" }
     );
-    expect(await page.locator("#nav link").count()).toBe(1);
+    expect(await page.locator("#nav link").count()).toBe(2);
   });
 
   test("removes prefetch tags after navigating to/from the page", async ({
@@ -221,7 +221,7 @@ test.describe("prefetch=intent (hover)", () => {
     // Links added on hover (external)
     await page.hover(`a[href='${EXTERNAL_URL}']`);
     await page.waitForSelector("#nav link", { state: "attached" });
-    expect(await page.locator("#nav link").count()).toBe(1);
+    expect(await page.locator("#nav link").count()).toBe(2);
 
     // Links removed upon navigating to the page
     await page.click("a[href='/with-loader']");
@@ -290,6 +290,6 @@ test.describe("prefetch=intent (focus)", () => {
       `#nav link[rel='prefetch'][as='document'][href='${EXTERNAL_URL}']`,
       { state: "attached" }
     );
-    expect(await page.locator("#nav link").count()).toBe(1);
+    expect(await page.locator("#nav link").count()).toBe(2);
   });
 });
diff --git a/packages/remix-react/components.tsx b/packages/remix-react/components.tsx
@@ -339,7 +339,10 @@ let Link = React.forwardRef<HTMLAnchorElement, RemixLinkProps>(
             {children}
           </a>
           {shouldPrefetch ? (
-            <link key={href} rel="prefetch" as="document" href={to} />
+            <>
+              <link rel="prerender" href={to} />
+              <link rel="dns-prefetch" href={to} />
+            </>
           ) : null}
         </>
       );