html-link-element

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://www.w3.org/TR/resource-hints

Import (deprecated)

• http://w3c.github.io/webcomponents/spec/imports/#h-interface-import

Preload

• Preload. What is it good for? https://www.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

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://www.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://www.phpied.com/when-is-a-stylesheet-really-loaded/

• https://stackoverflow.com/questions/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

• Chromium Bugs - https://bugs.chromium.org/p/chromium/issues/detail?id=67522

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

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

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

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

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

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

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

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

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

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

• whatwg/html#616 (comment)