HTMLScriptElement: fetchPriority property

Baseline 2024

Newly available

Since October 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

The fetchPriority property of the HTMLScriptElement interface represents a hint to the browser indicating how it should prioritize fetching an external script relative to other external scripts. It reflects the fetchpriority attribute of the

const el = document.getElementById("el");
console.log(el.fetchPriority); // Output: "high"

Specification
HTML # dom-script-fetchpriority

Specification

HTML
# dom-script-fetchpriority

const el = document.getElementById(\"el\");\nconsole.log(el.fetchPriority); // Output: \"high\"\n"}},{"type":"specifications","value":{"id":"specifications","title":"Specifications","isH3":false,"specifications":[{"bcdSpecificationURL":"https://html.spec.whatwg.org/multipage/scripting.html#dom-script-fetchpriority","title":"HTML"}],"query":"api.HTMLScriptElement.fetchPriority"}},{"type":"browser_compatibility","value":{"id":"browser_compatibility","title":"Browser compatibility","isH3":false,"query":"api.HTMLScriptElement.fetchPriority"}},{"type":"prose","value":{"id":"see_also","title":"See also","isH3":false,"content":"\nHTMLImageElement.fetchPriority\n HTMLLinkElement.fetchPriority\n HTTP Link header\n Optimize resource loading with the Fetch Priority API for information about how this API affects priorities on Chrome.\n"}}],"isActive":true,"isMarkdown":true,"isTranslated":false,"locale":"en-US","mdn_url":"/en-US/docs/Web/API/HTMLScriptElement/fetchPriority","modified":"2025-04-10T14:56:07.000Z","native":"English (US)","noIndexing":false,"other_translations":[{"locale":"de","title":"HTMLScriptElement: fetchPriority-Eigenschaft","native":"Deutsch"},{"locale":"ja","title":"HTMLScriptElement: fetchPriority プロパティ","native":"日本語"}],"pageTitle":"HTMLScriptElement: fetchPriority property - Web APIs | MDN","parents":[{"uri":"/en-US/docs/Web","title":"References"},{"uri":"/en-US/docs/Web/API","title":"Web APIs"},{"uri":"/en-US/docs/Web/API/HTMLScriptElement","title":"HTMLScriptElement"},{"uri":"/en-US/docs/Web/API/HTMLScriptElement/fetchPriority","title":"fetchPriority"}],"popularity":null,"short_title":"fetchPriority","sidebarHTML":"The HTML DOM API HTMLScriptElement Instance propertiesasync attributionSrc\nExperimental\n blocking crossOrigin defer fetchPriority integrity noModule referrerPolicy src text type Static methodssupports() InheritanceHTMLElement Element Node EventTarget Related pages for HTML DOMBeforeUnloadEvent DOMStringMap ErrorEvent HTMLAnchorElement HTMLAreaElement HTMLAudioElement HTMLBRElement HTMLBaseElement HTMLBodyElement HTMLButtonElement HTMLCanvasElement HTMLDListElement HTMLDataElement HTMLDataListElement HTMLDialogElement HTMLDivElement HTMLDocument HTMLElement HTMLEmbedElement HTMLFieldSetElement HTMLFormControlsCollection HTMLFormElement HTMLFrameSetElement\nDeprecated\n HTMLHRElement HTMLHeadElement HTMLHeadingElement HTMLHtmlElement HTMLIFrameElement HTMLImageElement HTMLInputElement HTMLLIElement HTMLLabelElement HTMLLegendElement HTMLLinkElement HTMLMapElement HTMLMediaElement HTMLMenuElement HTMLMetaElement HTMLMeterElement HTMLModElement HTMLOListElement HTMLObjectElement HTMLOptGroupElement HTMLOptionElement HTMLOptionsCollection HTMLOutputElement HTMLParagraphElement HTMLPictureElement HTMLPreElement HTMLProgressElement HTMLQuoteElement HTMLSelectElement HTMLSourceElement HTMLSpanElement HTMLStyleElement HTMLTableCaptionElement HTMLTableCellElement HTMLTableColElement HTMLTableElement HTMLTableRowElement HTMLTableSectionElement HTMLTemplateElement HTMLTextAreaElement HTMLTimeElement HTMLTitleElement HTMLTrackElement HTMLUListElement HTMLUnknownElement HTMLVideoElement HashChangeEvent History ImageData Location MessageChannel MessageEvent MessagePort Navigator PageRevealEvent PageSwapEvent PageTransitionEvent Plugin\nDeprecated\n PluginArray\nDeprecated\n PromiseRejectionEvent RadioNodeList UserActivation ValidityState Window WorkletGlobalScope GuidesUsing microtasks in JavaScript with queueMicrotask() In depth: Microtasks and the JavaScript runtime environment","source":{"folder":"en-us/web/api/htmlscriptelement/fetchpriority","github_url":"https://github.com/mdn/content/blob/main/files/en-us/web/api/htmlscriptelement/fetchpriority/index.md","last_commit_url":"https://github.com/mdn/content/commit/e9b6cd1b7fa8612257b72b2a85a96dd7d45c0200","filename":"index.md"},"summary":"The fetchPriority property of the HTMLScriptElement interface represents a hint to the browser indicating how it should prioritize fetching an external script relative to other external scripts.\nIt reflects the fetchpriority attribute of the \u003cscript> element.","title":"HTMLScriptElement: fetchPriority property","toc":[{"text":"Value","id":"value"},{"text":"Examples","id":"examples"},{"text":"Specifications","id":"specifications"},{"text":"Browser compatibility","id":"browser_compatibility"},{"text":"See also","id":"see_also"}],"baseline":{"baseline":"low","baseline_low_date":"2024-10-29","support":{"chrome":"102","chrome_android":"102","edge":"102","firefox":"132","firefox_android":"132","safari":"17.2","safari_ios":"17.2"},"feature":{"status":{"baseline":"low","baseline_low_date":"2024-10-29","support":{"chrome":"103","chrome_android":"103","edge":"103","firefox":"132","firefox_android":"132","safari":"17.2","safari_ios":"17.2"}},"description_html":"The fetch() priority option and the fetchpriority HTML attribute give hints to the browser about which requests to do before other requests of the same type.","name":"Fetch priority"}},"browserCompat":["api.HTMLScriptElement.fetchPriority"],"pageType":"web-api-instance-property"}}