mdn/content

Topic on setting HTTP priority of resource requests

Open

#14.803 aperta il 8 apr 2022

Vedi su GitHub
 (3 commenti) (0 reazioni) (0 assegnatari)Markdown (22.427 fork)batch import
Content:Performancedocument not writtenhelp wanted

Metriche repository

Star
 (8900 star)
Metriche merge PR
 (Merge medio 7g 3h) (147 PR mergiate in 30 g)

Descrizione

When loading a page with many resources it can be useful to prioritize the requests so that the page appears to render more quickly. It would be useful to have a topic on this.

There are a bunch of ways to do this:

  • Use fetch() and set the priority in Request.priority.
  • Set the HTTP priority on HTMLLinkElement, HTMLIFrameElement, and HTMLImageElement elements (and associated tags) using the fetchpriority attribute.
  • In future maybe Priority HTTP header. There are also some ideas (from here), some of which may be relevant (e.g. marking the non-critical ones as async):
  • Mark non-critical scripts as async
  • Consider inlining @font-face declarations directly into HTML
  • Avoid using CSS background images or @import
  • Use preload to retrieve critical resources earlier

Possible locations for such a page are under these:

This comes out of the discussion here: https://github.com/mdn/content/issues/14561

Guida contributor

Direzione di ricerca
Ricerca lo stato attuale delle specifiche e il supporto browser per l'attributo fetchpriority e Request.priority, quindi scrivi una nuova pagina di argomento nella sezione Web Performance, incorporando tecniche come script async, preload e @font face inline.
Tech stack
htmlcssjavascript
Dominio
documentationweb dev
Tipo issue
Documentazione
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
Basic understanding of web performance
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
80