Ziel

CSS/JS in WordPress schlank halten: minifizieren, komprimieren und nur laden, wenn es gebraucht wird.

Debug vs. Production

WordPress nutzt SCRIPT_DEBUG um zu entscheiden, ob unminifizierte Dateien geladen werden:

define('SCRIPT_DEBUG', false);

Du kannst eigene Assets aehnlich behandeln:

$suffix = defined('SCRIPT_DEBUG') && SCRIPT_DEBUG ? '' : '.min';
wp_enqueue_script('theme-main', get_template_directory_uri() . "/assets/app{$suffix}.js", [], '1.0', true);

Core Kompression (optional)

define('COMPRESS_SCRIPTS', true);
define('CONCATENATE_SCRIPTS', true);
define('ENFORCE_GZIP', true);

Hinweis: Diese Flags sind alt und koennen in modernen Setups (HTTP/2, CDN) weniger bringen.

Page-spezifisches CSS

Lade CSS nur wo noetig:

if (is_page('special-page')) {
  wp_enqueue_style('special', get_template_directory_uri() . '/special.css');
}

Plugins (wenn kein Build-Tool)

• Autoptimize
• BWP Minify

Best Practices

• Assets im Build Prozess minifizieren (Webpack/Vite)
• Versionen per Filehash oder filemtime setzen
• CDN und GZIP/Brotli auf Server-Ebene aktivieren

Quelle

• http://blog.cloudfour.com/javascript-gzip-compression-in-wordpress-whats-possible-and-what-hurts/