Add Prefetch, Resource Hints and more Fetch keys (#2418)

Co-authored-by: Daniel D. Beck <[email protected]>

Author: autonome

features/draft/spec/prefetch.yml

@@ -6,6 +6,7 @@ status:
   compute_from: api.fetch
 compat_features:
   - api.Headers
+  - api.Headers.@@iterator
   - api.Headers.Headers
   - api.Headers.append
   - api.Headers.delete
@@ -22,6 +23,7 @@ compat_features:
   - api.Request
   - api.Request.Request
   - api.Request.Request.cross_origin_stripped
+  - api.Request.Request.init_keepalive_parameter
   - api.Request.Request.init_referrer_parameter
   - api.Request.Request.request_body_readablestream
   - api.Request.Request.response_body_readablestream
@@ -36,6 +38,7 @@ compat_features:
   - api.Request.credentials
   - api.Request.credentials.default_same-origin
   - api.Request.destination
+  - api.Request.duplex
   - api.Request.formData
   - api.Request.integrity
   - api.Request.isHistoryNavigation

features/fetch.yml

@@ -139,6 +139,7 @@ compat_features:
   #   firefox_android: "44"
   #   safari: "10.1"
   #   safari_ios: "10.3"
+  - api.Headers.@@iterator
   - api.Headers.entries
   - api.Headers.keys
   - api.Headers.values
@@ -360,6 +361,7 @@ compat_features:
   #   firefox_android: "133"
   #   safari: "13"
   #   safari_ios: "13"
+  - api.Request.Request.init_keepalive_parameter
   - api.Request.keepalive
   - api.fetch.init_keepalive_parameter
 
@@ -451,3 +453,9 @@ compat_features:
   #   chrome_android: "105"
   #   edge: "105"
   - api.Request.Request.request_body_readablestream
+
+  # baseline: false
+  # support:
+  #   chrome: "131"
+  #   edge: "131"
+  - api.Request.duplex

features/fetch.yml.dist

@@ -0,0 +1,6 @@
+name: '<link rel="dns-prefetch">'
+description: The `rel="dns-prefetch"` attribute for the `<link>` HTML element is a hint to the browser that the page or user is likely to request resources from another domain, so the browser should preemptively resolve DNS for the `href` value's domain.
+spec: https://html.spec.whatwg.org/multipage/links.html#link-type-dns-prefetch
+caniuse: link-rel-dns-prefetch
+compat_features:
+  - html.elements.link.rel.dns-prefetch

features/link-rel-dns-prefetch.yml

@@ -0,0 +1,17 @@
+# Generated from: link-rel-dns-prefetch.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: high
+  baseline_low_date: ≤2020-01-15
+  baseline_high_date: ≤2022-07-15
+  support:
+    chrome: "46"
+    chrome_android: "46"
+    edge: ≤79
+    firefox: "3"
+    firefox_android: "4"
+    safari: "5"
+    safari_ios: "4.2"
+compat_features:
+  - html.elements.link.rel.dns-prefetch

features/link-rel-dns-prefetch.yml.dist

@@ -0,0 +1,5 @@
+name: '<link rel="expect">'
+description: The `rel="expect"` attribute for the `<link>` HTML element is a hint to the browser to block rendering until the element that the `href` value references is connected to the document and fully parsed.
+spec: https://html.spec.whatwg.org/multipage/links.html#link-type-expect
+compat_features:
+  - html.elements.link.rel.expect

features/link-rel-expect.yml

@@ -0,0 +1,11 @@
+# Generated from: link-rel-expect.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: false
+  support:
+    chrome: "124"
+    chrome_android: "124"
+    edge: "124"
+compat_features:
+  - html.elements.link.rel.expect

features/link-rel-expect.yml.dist

@@ -0,0 +1,5 @@
+name: '<link rel="preconnect">'
+description: The `rel="preconnect"` attribute for the `<link>` HTML element is a hint to the browser that the page or user is likely to request resources from another origin, so the browser should preemptively start a connection to the `href` value's origin.
+spec: https://html.spec.whatwg.org/multipage/links.html#link-type-preconnect
+compat_features:
+  - html.elements.link.rel.preconnect

features/link-rel-preconnect.yml

@@ -0,0 +1,17 @@
+# Generated from: link-rel-preconnect.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: high
+  baseline_low_date: 2020-01-15
+  baseline_high_date: 2022-07-15
+  support:
+    chrome: "46"
+    chrome_android: "46"
+    edge: "79"
+    firefox: "39"
+    firefox_android: "39"
+    safari: "11.1"
+    safari_ios: "11.3"
+compat_features:
+  - html.elements.link.rel.preconnect

features/link-rel-preconnect.yml.dist

@@ -0,0 +1,9 @@
+name: '<link rel="prefetch">'
+description: The `rel="prefetch"` attribute for the `<link>` HTML element is a hint to the browser that the user is likely to navigate to a resource, so the browser should preemptively fetch and cache the resource.
+spec: https://html.spec.whatwg.org/multipage/links.html#link-type-prefetch
+caniuse: link-rel-prefetch
+compat_features:
+  - api.PerformanceResourceTiming.deliveryType.navigational-prefetch
+  - html.elements.link.rel.prefetch
+  - http.headers.Sec-Purpose
+  - http.headers.Sec-Purpose.prefetch