El navegador muestra parte del contenido de la página web primero y otro después. Con la API de Fetch Priority, puedes indicar al navegador la prioridad de recuperación inicial de los recursos importantes para optimizar la carga de recursos.
Mira el video para aprender a hacer lo siguiente:
- Busca la métrica de carga, Largest Contentful Paint (LCP) en el panel Rendimiento.
- Consulta las prioridades iniciales y finales en el panel Red y el segmento Red del seguimiento Rendimiento.
- Usa anulaciones locales para probar los atributos
fetchpriority
en los elementos<img>
,<link>
y<script>
. - Conoce la diferencia entre los atributos
loading
yfetchpriority
. - Aprende cuándo reducir la prioridad de los recursos.
Las imágenes LCP claramente pueden beneficiarse de fetchpriority="high"
. Otra pista es que si el navegador aumenta automáticamente la prioridad de una imagen, por lo que tiene sentido establecerla inicialmente.
Para obtener más información, consulta: