Here are a few HTML5 & jQuery Preloading plugins/scripts to bring better user experience to your HTML5 web apps. The plugins/scripts load text content, images, backgrounds, video, audio etc… from your static assets and/or linked CSS stylesheets. Enjoy!

Related Posts:

1. jQuery.html5Loader

It can preload images, html5 video and audio sources, script and text files.


2. basket.js

It is a small JavaScript library supporting localStorage caching of scripts.

Single script

basket.require({ url: 'jquery.js' });

Multiplt scripts

    { url: 'jquery.js' },
    { url: 'underscore.js' },
    { url: 'backbone.js' }


3. jquery-ajax-html5-cache

A cache for ajax request to reduce the requests.

    url: 'test.json',
    dataType: 'json',
    localCache: true,       // enable localStorage
    forceCache: false,      // force to make an ajax request and cache it
    cacheKey: 'mydata',     // the item name in the localStorage
    cacheTTL: 3,            // the cache live for how long in seconds, default is 60 sec
    success: function(o){
        console.log(o); //see new ajax function .done()


4. CreateJS

A suite of Javascript libraries and tools for building rich, interactive experiences with HTML5.

PreloadJS example

var preload = new createjs.LoadQueue();
preload.addEventListener("fileload", handleFileComplete);
function handleFileComplete(event) {


Sam Deering is a Front-end Web Developer who specialises in JavaScript & jQuery. Sam is driven and passionate about sharing his knowledge to educate others.
  • Ahmad Oriza

    Nice list!

  • Farzad Karkhani


  • Rakhi Dhavale

    really helpful, thanks!

    • firoz khan

      i love u…

Learn Coding Online
Learn Web Development

Start learning web development and design for free with SitePoint Premium!