Performance

Page Builder: Quando Usarli e Quando Evitarli

3 min di lettura

Il tuo sito WordPress impiega 5+ secondi a caricare? Se usi Elementor, Divi o altri page builder, il problema potrebbe essere il code bloat: migliaia di righe di CSS e JavaScript che non servono.

Il Problema: Cosa Caricano i Page Builder

Quando installi Elementor o Divi, ogni pagina carica:

  • CSS Framework completo (~300-500KB) anche se usi solo 10 widget
  • JavaScript per tutti i widget (~200-400KB) anche quelli non presenti
  • Font Icons (Font Awesome, eicons) ~150KB
  • Google Fonts multipli caricati in modo non ottimale
  • Inline CSS duplicato per ogni sezione

Quanto Pesa Davvero?

# Analisi tipica di una pagina Elementor
CSS: 847 KB (di cui 680 KB non utilizzati)
JS: 523 KB (di cui 412 KB non utilizzati)
Font: 234 KB

# Dopo ottimizzazione custom
CSS: 45 KB
JS: 28 KB
Font: 18 KB (solo caratteri usati)

Diagnosi: Verificare il Code Bloat

# 1. Chrome DevTools > Coverage
# Mostra CSS/JS non utilizzato in rosso

# 2. PageSpeed Insights
# Sezione "Riduci CSS inutilizzato"

# 3. Query Monitor plugin
# Tab "Scripts" e "Styles" per vedere tutto il caricato

Soluzioni Immediate (Senza Ricostruire)

1. Elementor: Disabilita Features Non Usate

// functions.php - Disabilita Google Fonts di Elementor
add_filter( 'elementor/frontend/print_google_fonts', '__return_false' );

// Disabilita eicons se non li usi
add_action( 'wp_enqueue_scripts', function() {
    wp_dequeue_style( 'elementor-icons' );
}, 20 );

// Disabilita animations se non le usi
add_action( 'elementor/frontend/after_register_styles', function() {
    wp_dequeue_style( 'elementor-animations' );
}, 20 );

2. Carica CSS/JS Solo Dove Serve

// Disabilita Elementor su pagine che non lo usano
add_action( 'wp_enqueue_scripts', function() {
    if ( is_page( 'chi-siamo' ) || is_single() ) {
        wp_dequeue_style( 'elementor-frontend' );
        wp_dequeue_script( 'elementor-frontend' );
    }
}, 50 );

3. Plugin di Ottimizzazione Asset

# Plugin che aiutano (ma non risolvono del tutto)
- Asset CleanUp Pro: disabilita script per pagina
- Perfmatters: controllo granulare assets
- Flying Scripts: delay JavaScript non critico

La Soluzione Definitiva: Tema Custom

Il vero fix è eliminare il page builder e passare a un tema custom che carica solo il necessario:

Metrica Elementor Tema Custom
CSS ~500KB ~30KB
JavaScript ~400KB ~15KB
LCP 3.5s 1.2s
PageSpeed Mobile 45/100 95/100

Quando Ha Senso Tenere il Page Builder

  • Sito con centinaia di pagine che cambiano spesso
  • Team editoriale non tecnico che deve modificare layout
  • Budget limitato per sviluppo custom
  • Sito non critico per performance (no e-commerce)

In questi casi, investi in ottimizzazione degli asset e caching aggressivo.

Vuoi sapere quanto sta costando il page builder al tuo business? Richiedi un audit performance gratuito: analizzeremo Core Web Vitals e impatto su SEO.

Articoli correlati