Describe the bug
When CSS is inlined in <head>, it will go before the <link> preloads. And this CSS can be huge depending on user settings, so it would make sense to hint the browser of other network requests to do before making it parse it.
Interestingly the favicon is placed after the preloads even when inlined.
Reproduction
Enable CSS inlining in svelte.config.js:
export default {
kit: {
adapter: adapter(),
inlineStyleThreshold: Infinity,
},
}Logs
System Info
Binaries:
Node: 20.19.2 - /usr/bin/node
npm: 9.2.0 - /usr/bin/npm
Browsers:
Firefox: 140.7.0esr
Firefox Developer Edition: 140.7.0esr
npmPackages:
@sveltejs/adapter-static: ^3.0.10 => 3.0.10
@sveltejs/kit: ^2.50.1 => 2.50.1
svelte: ^5.48.3 => 5.48.3
vite: ^7.3.1 => 7.3.1Severity
annoyance
Additional Information
No response
Describe the bug
When CSS is inlined in
<head>, it will go before the<link>preloads. And this CSS can be huge depending on user settings, so it would make sense to hint the browser of other network requests to do before making it parse it.Interestingly the favicon is placed after the preloads even when inlined.
Reproduction
Enable CSS inlining in svelte.config.js:
Logs
System Info
Binaries: Node: 20.19.2 - /usr/bin/node npm: 9.2.0 - /usr/bin/npm Browsers: Firefox: 140.7.0esr Firefox Developer Edition: 140.7.0esr npmPackages: @sveltejs/adapter-static: ^3.0.10 => 3.0.10 @sveltejs/kit: ^2.50.1 => 2.50.1 svelte: ^5.48.3 => 5.48.3 vite: ^7.3.1 => 7.3.1Severity
annoyance
Additional Information
No response