Tengo los siguientes activos:
<link rel="preload" as="script" href="my.js"><script type="text/javascript" src="my.js" async defer><link rel="dns-prefetch" href="//my.cdn.com"><link rel="preconnect" href="//consentscript.tld"><script type="text/javascript" src="https://remote.server/my.js" async defer><script>myFunc...;</script><style>body{color:black;}</style>Empíricamente, me di cuenta de que el orden de estos activos, tal como se enumeran en el encabezado HTML, influye en la velocidad de carga de la página y en las métricas de Core Web Vitals.
¿Alguien podría señalarme el orden de optimización del rendimiento de la ubicación de activos en el encabezado HTML? Un enlace a la documentación también me ayudaría.
Consulte Get your head right de Harry Roberts, resumido en esta publicación de Smashing Magazine y el artículo CSS Tricks para obtener orientación y herramientas que lo ayuden a optimizar los contenidos de <head> .