diff --git a/apps/svelte.dev/src/hooks.server.js b/apps/svelte.dev/src/hooks.server.js index 0f78962d93..5cf7808d17 100644 --- a/apps/svelte.dev/src/hooks.server.js +++ b/apps/svelte.dev/src/hooks.server.js @@ -21,7 +21,15 @@ export async function handle({ event, resolve }) { } const response = await resolve(event, { - preload: ({ type }) => type === 'js' || type === 'css' || type === 'font' + preload: ({ type, path }) => { + if (type === 'font') { + // only preload header font, everything else is lower priority, + // otherwise it causes congestion that messes up LCP + return path.includes('dm-serif-display-latin-400-normal') && path.endsWith('.woff2'); + } + + return true; + } }); return response;