El navegador muestra primero el contenido de algunas páginas web y, luego, el de otras. Con la API de prioridad de recuperación, puedes indicarle al navegador la prioridad de recuperación inicial de 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 en la ruta de acceso Red del registro de rendimiento.
- Usa anulaciones locales para probar los atributos
fetchpriority
en los elementos<img>
,<link>
y<script>
. - Conoce la diferencia entre los atributos
loading
yfetchpriority
. - Descubre cuándo debes disminuir la prioridad de los recursos.
Las imágenes de LCP pueden beneficiarse claramente de fetchpriority="high"
. Otra sugerencia es si el navegador aumenta automáticamente la prioridad de una imagen, por lo que tiene sentido configurarla inicialmente.
Para obtener más información, consulte: