Best CSS and JS aggregation/minification strategy for D7

Question

Drupal 6 has the awesome advagg module, which does an awesome job of intelligently bundling CSS and JS, but currently no D7 release.

What I am looking to achieve is:

• less CSS and JS files (5 CSS and 5 JS files is far too many)
• JS files have minification (currently core only does this for CSS)

Is there a drupal 7 solution that will help here? What are other people's experience with optimising this?

---

Edit: The question was originally posted in 2011. There is now a very stable D7 release of advagg.

Answer 1

For D7, there's Core Library which has a learning mode that aggregates based on real-world statistics about your site.

If you want to brute-force everything into one giant aggregate, I've written an article with some sample code:

/**
 * Implements hook_js_alter().
 */
function mymodule_js_alter(&$javascript) {
  uasort($javascript, 'drupal_sort_css_js');
  $i = 0;
  foreach ($javascript as $name => $script) {
    $javascript[$name]['weight'] = $i++;
    $javascript[$name]['group'] = JS_DEFAULT;
    $javascript[$name]['every_page'] = FALSE;
  }
}

/**
 * Implements hook_css_alter().
 */
function mymodule_css_alter(&$css) {
  uasort($css, 'drupal_sort_css_js');
  $i = 0;
  foreach ($css as $name => $style) {
    $css[$name]['weight'] = $i++;
    $css[$name]['group'] = CSS_DEFAULT;
    $css[$name]['every_page'] = FALSE;
  }
}

Drupal.org issue #1034208 also proposes relaxing the strict ordering requirements slightly.

Answer 2

AdvAgg D7 is being developed. Other options (quotes included are from their project pages):

• UglifyJS:

... allows on-the-fly minification of site JavaScript with uglify.js. The module relies on a web service (uglify.me) by default to do the minification so you do not need to do any pre-processing on your server to enjoy the benefits of minified JavaScript.

• Speedy:

... designed to help speed up front end performance in a site. In this first release of the Speedy module it provides minified versions of core JavaScript files that are not already minified. For example, a minified version of drupal.js is provided while jquery.js (already minified) is not.