Skip to content
This repository has been archived by the owner on May 25, 2023. It is now read-only.

Performance Optimizations

Jump to bottom
blueimp edited this page Dec 17, 2011 · 20 revisions

This page lists several Performance Optimizations to speed up page load times when using the plugin.

JavaScript minification

The source code of this plugin is not distributed in a minified format.
However, it is recommended to make use of UglifyJS, Google's Closure Compiler or a similar tool to combine and minify all your application JavaScript files for production use.

CSS minification

Another recommended tool for production use is CSSTidy or LESS, to tidy and minify the CSS source.

Making use of a content delivery network for the jQuery libraries

Google provides a reliable CDN for common Web libraries.
The more websites use this CDN instead of hosting their jQuery libraries on their own server, the more likely it is that client browsers will already have those libraries in their browser cache.
The easiest way to use it is to include the libraries the following way (using a protocol relative URL):

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>

Alongside the JS libraries, Google also hosts the CSS and accompanying images files for several jQuery UI themes, e.g. the "basic" theme:

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css">
Clone this wiki locally