❤
npm
Sign UpSign In

cdnbro

1.1.1 • Public • Published

Build Status js-standard-style

Why

  • cdn constantly fails, especially cloudfront
  • when cdn fails, each asset blocks an execution for 30 sec
  • so user gets 90 sec of white screen if you load 3 assets one by one
  • we would like to have smaller time out for cdn

Solution

  • load assets asynchronously
  • if cdn times out - load fallback
  • mark cdn as failed for 1 day and use fallback sources during that

Example

<html>
<head>
    <script>
    window.cdnbro(
        [
            "//dcamghsjgsjl6.cloudfront.net/css/app-aa76b5fb4e.css",
            "//dcamghsjgsjl6.cloudfront.net/libs-07b7cfb48a.js",
            "//dcamghsjgsjl6.cloudfront.net/scripts-7c0c10b50f.js"],
        [
            "/css/app-nocdn-724e4424e4.css",
            "/libs-07b7cfb48a.js",
            "/scripts-7c0c10b50f.js"], 10000);
    </script> 
</head>
<body>
    <div class="spinner"></div>
</body>
</html>

Tech

  • assets loaded by xhr to control the order and timeouts
  • so scripts should have cors enabled, like cloudfront has
  • browser support: ie9+, all recent desktop and mobile

Readme

Keywords

Package Sidebar

Install

npm i cdnbro

Repository

github.com/debitoor/cdnbro

Homepage

github.com/debitoor/cdnbro#readme

Weekly Downloads

0

Version

1.1.1

License

ISC

Last publish

Collaborators

  • bubenshchykov
Try on RunKit
Report malware