HTMLLinkElement

The HTML <link> element specifies relationships between the current document and an external resource. Possible uses for this element include defining a relational framework for navigation. This element is most used to link to style sheets.

• W3C The link Element
• Read More on MDN

Resource Hints

• Resource Hints - https://w3.org/TR/resource-hints

HTML Modules

• https://github.com/WICG/webcomponents/blob/gh-pages/proposals/html-modules-explainer.md

Import (deprecated)

• http://w3c.github.io/webcomponents/spec/imports/#h-interface-import
• https://github.com/w3c/webcomponents/blob/gh-pages/proposals/HTML-Imports-and-ES-Modules.md

Preload

Preload, Prefetch And Priorities in Chrome

https://medium.com/reloading/preload-prefetch-and-priorities-in-chrome-776165961bbf

• WHATWG Fetching - https://fetch.spec.whatwg.org/#fetching
• WHATWG Initializing context/content specific fetch defaults whatwg/fetch#43
• WHATWG Obtaining a link element - https://w3c.github.io/html/document-metadata.html#obtain
• W3C Preload https://github.com/w3c/preload
• W3C Preload w3c/preload#92
• W3C Preload Tests - https://w3c-test.org/preload
• WPT Preload Tests - https://github.com/w3c/web-platform-tests/tree/master/preload
• w3ctag/design-reviews#202
• Fetch preload, destinations, and module scripts - whatwg/fetch#486
• Preload. What is it good for? https://smashingmagazine.com/2016/02/preload-what-is-it-good-for
• Big Bad Preloader - http://calendar.perfplanet.com/2013/big-bad-preloader
• https://developer.microsoft.com/en-us/microsoft-edge/platform/status/preload/
• Preloading - https://w3c.github.io/preload
• Preload "Polyfill"
  • Core - https://gist.github.com/aFarkas/34dde117000ec7075053#file-preload-core-js
  • Script - https://gist.github.com/aFarkas/34dde117000ec7075053#file-preload-as-script-js
  • Style - https://gist.github.com/aFarkas/34dde117000ec7075053#file-preload-as-style-js
  • Firefox "Accept Header for images has been simplified" - https://fxsitecompat.com/en-CA/docs/2016/accept-header-for-images-has-been-simplified/

Preload Use Cases

https://w3c.github.io/preload/#use-cases

Bugs

• Firefox - https://bugzilla.mozilla.org/show_bug.cgi?id=1405761

Prefetch

• IE11 Support for Prerender / Prefetch - https://msdn.microsoft.com/en-us/library/dn265039(v=vs.85).aspx

Prerender

• IE11 Support for Prerender / Prefetch - https://msdn.microsoft.com/en-us/library/dn265039(v=vs.85).aspx

Onload

Why GlobalEventHandlers.onload?

• Queue - https://bugs.webkit.org/show_bug.cgi?id=38995#c26

• TEST - http://phpied.com/files/cssonload/test.html

• Comment from the past - https://bugs.webkit.org/show_bug.cgi?id=38995#c15

• https://trac.webkit.org/browser/webkit/trunk/Source/WebCore/loader/LinkLoader.cpp

• https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onload

• https://dom.spec.whatwg.org/#concept-event-fire

• $$$$ loading capabilities - https://pie.gd/test/script-link-events/

• $$$$ when is a stylesheet really loaded? https://phpied.com/when-is-a-stylesheet-really-loaded/

• https://stackoverflow.com/q/4488567/is-there-any-way-to-detect-when-a-css-file-has-been-fully-loaded

MutationObserver

• https://dom.spec.whatwg.org/#mutation-observers
• https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver

Implementation Tickets

• $$$$$$ HOT SWAP URL BASE PATHS! https://eager.io/blog/three-real-world-use-cases-for-mutation-observer

• https://bugs.webkit.org/show_bug.cgi?id=3652

• https://bugzilla.mozilla.org/show_bug.cgi?id=185236

• https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/12142852

• Caching best practices - https://jakearchibald.com/2016/caching-best-practices

• https://jakearchibald.com/2017/h2-push-tougher-than-i-thought/#push-vs-preload

• Load CSS - https://github.com/filamentgroup/loadCSS/blob/master/src/loadCSS.js

• CSS Preload - https://github.com/filamentgroup/loadCSS/blob/master/src/cssrelpreload.js

• Implement load event for link element - https://bugs.chromium.org/p/chromium/issues/detail?id=67522

• Link rel preload as attribute doesn't support document value - https://bugs.chromium.org/p/chromium/issues/detail?id=593267

• (Chrome) Centralize the setting of Accept headers - https://chromium.googlesource.com/chromium/src/+/1f3d63b1d496218b7c90a27dd1699560592a6dcc

• https://bugs.webkit.org/show_bug.cgi?id=172639

• whatwg/html#616 (comment)

• https://github.com/whatwg/html/commit/179983e9eb99efe417349a40ebb664bd11668ddd