Web Performance Optimization
  • Web Performance Optimization
  • Render Blocking CSS
  • Render Blocking JS
  • Resources Priority
  • Performance Budget
  • Images
  • HTTP/2 Server Push
  • Caching
  • Compression
  • Web Workers
  • React
  • Auditar con Chrome
Powered by GitBook
On this page
  • ¿Cómo funciona?
  • Preload
  • Preconnect

Was this helpful?

Resources Priority

Darle prioridad a los recursos más prioritarios

PreviousRender Blocking JSNextPerformance Budget

Last updated 5 years ago

Was this helpful?

¿Cómo funciona?

El browser asigna diferentes prioridades dependiendo si son críticos o no estos recursos. Pero puede realizarlo de manera incorrecta, lo mejor seria que le especifiquemos nosotros.

Ejemplo

Informa al navegador que un recurso es necesario como parte de la navegación actual y que se lo debe comenzar a obtener lo antes posible.

Preconnect

Informa al navegador que tu página desea establecer una conexión con otro origen y que deseas que el proceso comience lo antes posible, resolver de antemano los DNS, etc.

Ejemplo

https://www.mercadolibre.com.ar/productos-sustentables
Preload