Several people ask about how they can speed up jQuery Mobile, so I figured there should be a thread on tips for speeding up your jQuery Mobile projects.
ELIMINATE WASTE:
Decouple jQuery Mobile elements you're not using (BONUS: Less memory!):
Compress your Javascript, jQuery, and CSS (but keep a formatted version for editing!):
Compress your HTML (but keep a formatted version for editing!):
Optimizing the web...start with the images!:
JPEGmini - JPEGs with reduced file size but NOT quality:
EFFICIENT DESIGN:
Put your Javascript/jQuery script calls at the end of the file:
Learn to design and use CSS Sprites:
CSS Sprite generators:
Learn about and design custom CSS buttons using NO images (110 different ways should keep you busy!):
Imageless buttons...with icons?!? (The secret? HTML entities!):
The Comprehensive Guide to Saving Images for the Web:
REDUCE EXTERNAL FILE ACCESS:
Adding Javascript, jQuery, and your plugins inline, while keeping XHTML valid:
Adding CSS inline:
Base64 - including image files with the HTML itself:
GREAT TIP! Encode CSS Sprites as base64:
Online image-to-base64 converter: