- Notifications
You must be signed in to change notification settings - Fork1
zachleat/async-css-loading
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
Current state of the art isfilamentgroup/loadCSS. Every other individual test below has major limitations in at least one modern browser.
<link>in<head>
<link>in middle of<body>- Source code
- Demo
- blocks in Chrome, Chrome for Android, Mobile Safari
<link>at the end of<body>- Source code
- Demo
- blocks in Chrome, Chrome for Android, Mobile Safari
Related Chromium issue:#481122 Allow the page to render before<link> tags in body
<link>togglesmediaattribute- Source code
- Demo
- never applied in Android ≤ 4.3,
<link onload>not supported
- Using
filamentgroup/loadCSS- Source code
- Demo
- subject toloadCSS browser support
- Using
<link rel="preload">and togglesrelattribute- Source code
- Demo
- subject to currently limited
preloadbrowser support
- Using
<link rel="preload">withfilamentgroup/loadCSSpolyfill- Source code
- Demo
- subject toloadCSS browser support
For browsers obeying the HTML5 specification, these should not block render.
document.createElement("link")in<body>- Source code
- Demo
- blocks in Mobile Safari
document.createElement("link")in<head>- Source code
- Demo
- blocks in Mobile Safari
Related WebKit issue:#88869 renderer should not block on script-inserted stylesheets
Uses a styles.php to add asleep() call to the stylesheet so that it loads slower.
About
Test cases for asynchronous css loading
Resources
Uh oh!
There was an error while loading.Please reload this page.
Stars
Watchers
Forks
Releases
No releases published
Packages0
No packages published