diTii.com | D' Technology Weblog

The minimalist design esthetic is not the choice for every client the notion of less code and faster load times always goes over well. Today, many of web applications are designed and coded with a plethora of Javascript and CSS files. Fortunately, there are many options to solve this rather simple problem. Compression, obfuscation and bundling are all great options.

Max Kiesler continues his topic resources with a wrapup of how to minimize your Javascript and CSS files for faster page loads:

Javascript and CSS Compression

• Bundle-Fu - Bundle Your JS/CSS Assets in 10 Seconds or Less
• Make Your Pages Load Faster by Combining and Compressing Javascript and CSS Files
• Faster Page Loads - Bundle Your CSS and Javascript
• Pack:Tag
  AJAX and CSS Optimization

Javascript Compression

• Serving JavaScript Fast
• JSMin - The JavaScript Minifier
• YUI Compressor
• GZip output compression with AJAX
• “To make page downloading quicker, I added GZipStream into the Response filter.”

Javascript and CSS Compression With Java

• LZ77-Algorithm-Based JavaScript Compressor
• Combine and compress your CSS and Java

Javascript Compression With PHP

• Packer JavaScript in PHP
• “PHP Version of the Dean Edwards ’s Packer de Dean Edwards, a JavaScript Compressor/Obfuscator.”

Javascript and CSS Compression With Rails

• Rails plugin: Blazing fast page loads through bundled CSS and Javascript

Javascript Compression With Rhino and Maven

• Rhino and Maven for JavaScript Compression at Build Time
• ShrinkSafe
• MobilVox Maven JavaScript Plugin

Compression Research

• Performance Research, Part 1: What the 80/20 Rule Tells Us about Reducing HTTP Requests
• Minification v Obfuscation
  Optimizing Page Load Time

CSS, Java, Script, JavaScript, Optimization, Performance, Ajax, Compression, Tips and Tricks