React has a more specific order of the resources that we have; maybe we should do it as well:

Order:

From top to low priority:

• Charset meta (<meta charset>)
• Preconnects (<link rel="preconnect">)
• Viewport meta (<meta name="viewport">)
• Font preloads (<link rel="preload" as="font">)
• High-priority image preloads (<link rel="preload" as="image" fetchpriority="high">)
• Link with precedence rel. (<link precedence="low" rel="stylesheet" href="/foo.css" />)
• Application scripts (<script async src>)
• General hoistables (<title> / <meta> / <link>)