PUZZLER is JS + CSS combine

설명

Puzzler – it excellent js/css aggregator for advanced users:

• Automatically combines all enqueued scripts/styles into a single file, for faster loading blog.
• Starts immediately without setting.
• You can adds scripts and styles in queue, change the order, edit – and Puzzler automatically make recombines.

Puzzler – don’t worry be happy.

Require PHP 5.4 or high.

You should remember 3 key rules before using:

Key rule 1

All scripts and styles must include ONLY 1 time and ONLY in 1 place, e.g. in wp_enqueue_scripts hook

Key rule 2

Styles(css) aggregation perform only for media=’all’ ( without alternative stylesheets, titles, conditionals )

Key rule 3

Avoid register/enqueue scripts/styles in conditional expressions
add_action(‘wp_enqueue_scripts’, ‘my_enqueue_scripts’);
function my_enqueue_scripts() {

  // -- don't do it !
  if ( is_single() || is_page() ) { 
      wp_enqueue_script('myscript');
  }

  // -- correct !
  wp_enqueue_script('myscript');

}

기능

• Auto detect files change
• Autocorrect internal links in the CSS after aggregation ( url/src )
• Auto +20 scores in Google PageSpeed Insights
• Async/lazy load aggregated scripts/styles
• Windows compatible