diff --git a/.src/defer.js b/.src/defer.js index 418f885..ce0c230 100644 --- a/.src/defer.js +++ b/.src/defer.js @@ -41,7 +41,7 @@ var fn_queue = []; var time_queue = []; - var DOM_ready = doc.readyState; + var DOM_ready = (doc.readyState == 'complete'); function onload () { DOM_ready = true; diff --git a/.src/demo.html b/.src/demo.html index 2d65d50..ff032af 100644 --- a/.src/demo.html +++ b/.src/demo.html @@ -4,7 +4,7 @@
You only need to load this library (*) once on a page, ideally right after the opening <head>
tag:
Code:
<head> +
Easily lazy-load JS, CSS, images, iframes - @shinsenter / defer.js Easily lazy-load JS, CSS, images, iframes A demo using @shinsenter / defer.js
Getting started
You only need to load this library (*) once on a page, ideally right after the opening
<head>
tag:Code:
<head> <title>My awesome page</title> <script src="//raw.githubusercontent.com/shinsenter/defer.js/master/defer_plus.min.js"></script> </head>
Because the minified version of defer.js is super tiny, you can inline its content directly into the HTML document and avoid the network request.
(*) Examples on this page are using extended version of defer.js.
You can use browser's Developer Tool (press F12) to watch how requests are sent.
I added some spaces with gray background to demo lazy-load. Please scroll down.
But wait. Do you notice that there is a share buttons block on the top?
Your browser loaded it after 3 seconds since your page fired the 'load' event.
Code:
<script type="text/javascript"> diff --git a/package-lock.json b/package-lock.json index c599631..00472a1 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,5 +1,5 @@ { "name": "@shinsenter/defer.js", - "version": "1.0.5", + "version": "1.0.6", "lockfileVersion": 1 } diff --git a/package.json b/package.json index cfb4a6f..4183b62 100644 --- a/package.json +++ b/package.json @@ -1,12 +1,13 @@ { "name": "@shinsenter/defer.js", - "version": "1.0.5", - "description": "Super tiny script to efficiently load javascript (and more).", + "version": "1.0.6", + "description": "defer.js by shinsenter is a super tiny script to efficiently load JavaScript. Extended version supports CSS files, images and iframes. They are all easy to use.", "main": "defer_plus.min.js", "scripts": { - "dist": "uglifyjs ./.src/defer.js -c -m --comments '/^!/' --verbose -o defer.min.js", - "plus": "uglifyjs ./.src/defer.js ./.src/extensions.js -c -m --comments '/^!/' --verbose -o defer_plus.min.js", + "dist": "uglifyjs ./.src/defer.js -c -m --comments /^!/ --verbose -o defer.min.js", + "plus": "uglifyjs ./.src/defer.js ./.src/extensions.js -c -m --comments /^!/ --verbose -o defer_plus.min.js", "demo": "html-minifier ./.src/demo.html -o demo.html --collapse-whitespace --remove-comments --remove-optional-tags --remove-redundant-attributes --remove-script-type-attributes --remove-tag-whitespace --use-short-doctype --minify-css true --minify-js true", + "all": "npm run dist && npm run plus && npm run demo", "deploy": "npm publish --access=public", "test": "echo \"Error: no test specified\" && exit 1" },