mdn/content

Topic on setting HTTP priority of resource requests

開放

#14,803 建立於 2022年4月8日

 (3 則留言) (0 個反應) (0 位負責人)Markdown (23,229 個分叉)batch import
Content:Performancedocument not writtenhelp wanted

倉庫指標

星標
 (10,950 顆星)
PR 合併指標
 (PR 指標待抓取)

描述

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

貢獻者指南