[![tests][tests]][tests-url]
[![coverage][coverage]][coverage-url]
[![maintainability][maintainability]][maintainability-url]

Preload Onload Polyfill

A Polyfill. Call the onload event, also in unsupported Browser.

Usage

``console
npm install js.polyfill.preload.onload
`

$3

`javascript
import Preload from 'js.polyfill.preload.onload';

const preload = new Preload();
preload.check() || preload.update();

`

$3

Inject the Polyfill into within a

`

Note: The Polyfill should be injected inline to save the extra request.




Example


Inline Critical CSS and injected main Stylesheet. With noscript fallback and Polyfill to support browser who don't understand rel=preload.

Note: This Example is also used within the dev environment. Run npm start from the repository main directory and open http://localhost:8090 in your Browser.

$3

`html

`

$3

`html
href="css/style.css"
rel="preload"
as="style"
onload='this.rel="stylesheet"'
type="text/css">
`

`css

body {
color: #abcdef;
background-color: #012345;
transition: all 4s ease-in;
outline: 1em solid #abcdef;
}

...
`

Note: This style is also injected as fallback within the

`html

`

Support

The Polyfill enable support (e.g. for stylesheets) in browser (e.g. Firefox or IE11) which currently not support this attribute.

Tested with MSIE 11, Edge 17, Firefox 60 and Chrome 72.

[tests]: https://img.shields.io/travis/exiguus/js.polyfill.preload.onload/master.svg
[tests-url]: https://travis-ci.org/exiguus/js.polyfill.preload.onload

[maintainability]:
https://api.codeclimate.com/v1/badges/463068933abaf66a335e/maintainability
[maintainability-url]:
https://codeclimate.com/github/exiguus/js.polyfill.preload.onload/maintainability

[coverage]:
https://api.codeclimate.com/v1/badges/463068933abaf66a335e/test_coverage
[coverage-url]:
https://codeclimate.com/github/exiguus/js.polyfill.preload.onload/test_coverage