In breve
Un sito Elementor lento si può quasi sempre alleggerire senza rifarlo: si attivano le impostazioni di performance ufficiali (caricamento ottimizzato delle immagini, lazy load degli sfondi, Google Fonts locali, icone inline), si ricostruiscono con i container le sezioni più pesanti, si ottimizzano immagini e font e si eliminano i pacchetti di widget superflui. Il tutto con backup, staging e una misura prima e dopo ogni modifica.
Elementor permette di costruire pagine curate senza scrivere codice, ma pagina dopo pagina un sito Elementor può diventare lento: sezioni dentro colonne dentro altre sezioni, tre pacchetti di widget per usarne uno, font in sei pesi diversi. Nella maggior parte dei casi, però, un sito Elementor lento si può alleggerire in modo significativo lavorando su impostazioni, struttura delle pagine e contenuti, senza cambiare grafica né strumento.
Perché un sito Elementor diventa lento?
Un sito Elementor diventa lento soprattutto per la struttura delle pagine troppo annidata, per le risorse caricate anche dove non servono (widget, font, icone, script) e per immagini non ottimizzate. Spesso a questo si aggiunge un hosting non adeguato, che Elementor rende più evidente perché genera pagine più complesse.
La guida ufficiale di Elementor sui siti lenti suggerisce un test semplice per capire da dove viene il problema: disattivare tutti i plugin tranne Elementor ed Elementor Pro, passare al tema Hello e creare una pagina con il modello Canvas, poi rimisurare. Se la differenza è netta, il colpevole sta nei plugin o nel tema. Questo test va fatto su una copia di staging, mai sul sito pubblico.
Prima di cambiare qualsiasi cosa, misura le pagine principali con PageSpeed Insights (su mobile) e annota i valori dei Core Web Vitals. Se non hai familiarità con LCP, INP e CLS, trovi tutto in Core Web Vitals su WordPress spiegati.
Quali impostazioni di performance offre Elementor?
Elementor raccoglie le opzioni di velocità in due schede delle impostazioni: “Performance”, con funzioni stabili da attivare selezionando “Enable”, e “Features”, dove si trovano funzioni stabili e sperimentali. Sono il primo intervento da fare, perché non toccano il contenuto delle pagine.
Secondo la documentazione di Elementor sulle funzioni di performance, aggiornata a giugno 2026, le opzioni disponibili sono queste. Il percorso indicato dalla documentazione per le versioni recenti è Elementor › Editor › Settings, scheda Performance; in versioni meno recenti può chiamarsi diversamente.
| Funzione | Dove si trova | Cosa fa | Stato |
|---|---|---|---|
| Optimized Image Loading | Performance | Applica fetchpriority="high" all’immagine LCP e il lazy load alle immagini sotto la prima schermata |
Stabile |
| Lazy Load Background Images | Performance | Carica in differita le immagini di sfondo, tranne la prima | Stabile |
| Optimized Gutenberg Loading | Performance | Rimuove script e stili dell’editor a blocchi non usati | Stabile |
| Load Google Fonts Locally | Performance | Scarica i Google Fonts usati e li serve dal tuo server | Stabile, disattivata di default dalla 3.32.1 |
| Inline Font Icons | Features | Mostra le icone come SVG inline, senza caricare le librerie Font Awesome ed eicons | Stabile |
| Element Caching | Features | Salva l’HTML dei widget e lo riusa invece di rigenerarlo | Sperimentale |
| Optimized Control Loading | Features | Carica i controlli solo quando servono | Sperimentale |
Caricamento ottimizzato delle immagini
Secondo la pagina dedicata, Optimized Image Loading identifica l’immagine che impiega di più a caricarsi e le dà priorità, e applica il lazy load solo dove è utile, non alle immagini in alto nella pagina. Se usi anche un plugin di ottimizzazione con il proprio lazy load, verifica che i due sistemi non si sovrappongano.
Google Fonts locali
La documentazione sui Google Fonts spiega che, attivando Load Google Fonts Locally, Elementor rileva i font usati, li scarica nella cartella /wp-content/uploads/elementor/fonts/ e riscrive il CSS per caricarli dal tuo server. Oltre alla velocità c’è un vantaggio di privacy: nessuna richiesta parte verso i server di Google. Dalla versione 3.32.1, però, l’opzione è disattivata di default: se l’avevi attivata prima, va riattivata dopo l’aggiornamento.
Element Caching, con prudenza
La pagina su Element Caching spiega che la funzione salva nel database l’HTML dei widget, riducendo memoria usata dal server e tempo di risposta. È però sperimentale e non va usata su elementi con tag dinamici o shortcode che mostrano contenuti personalizzati: per questo va attivata solo sui widget statici, dalla scheda Avanzate di ciascun elemento.
Perché passare ai container?
Perché i container Flexbox permettono di ottenere lo stesso layout con molti meno elementi HTML rispetto al vecchio sistema di sezioni, colonne e sezioni interne, e un DOM più snello rende la pagina più rapida da disegnare e più reattiva. È l’intervento strutturale con più effetto.
La documentazione di Elementor sui container mostra proprio questo: un blocco che prima richiedeva due sezioni e diverse colonne può essere realizzato con un solo container, usando direzione, allineamento e a capo automatico di Flexbox per disporre i widget. Meno “scatole” annidate significa meno lavoro per il browser a ogni caricamento e a ogni interazione, con effetti positivi soprattutto sull’INP.
Non devi convertire tutto il sito. Una strategia sensata:
- parti da header e footer, che sono presenti su ogni pagina;
- continua con la home e le due o tre pagine con più traffico;
- ricostruisci solo i blocchi più annidati, lasciando invariati quelli semplici;
- dopo ogni pagina, confronta la misura con quella iniziale.
Come gestire font e icone in Elementor?
Riduci le famiglie e i pesi dei font a quelli davvero usati, caricali localmente e affida le icone a SVG inline invece che a intere librerie. Ogni peso di font e ogni libreria di icone è un file in più da scaricare prima che la pagina sia completa.
Controlla nei Global Fonts quali famiglie hai impostato e verifica che nei singoli widget non siano stati scelti font diversi “a mano”: è così che un sito finisce per caricarne cinque o sei. Per le icone, attiva Inline Font Icons.
Se i font sono già gestiti dal tema, chi ha un tema figlio può disattivare del tutto i Google Fonts di Elementor con il filtro indicato dalla documentazione ufficiale, da inserire in functions.php:
add_filter( 'elementor/frontend/print_google_fonts', '__return_false' );Se lo usi, verifica che i caratteri arrivino da un’altra fonte, altrimenti vedrai i font di sistema.
Come ottimizzare immagini e video in un sito Elementor?
Carica immagini già ridimensionate e in formato WebP, evita sfondi enormi in ogni sezione e ospita i video su piattaforme esterne come YouTube o Vimeo invece che nella libreria media. Nei siti Elementor le immagini di sfondo sono spesso la parte più pesante.
La guida di Elementor consiglia di restare sotto 1 MB per immagine, usare WebP e lazy load e caricare i video da fonti esterne tramite il widget Video. In più, nelle impostazioni dello sfondo puoi scegliere immagini diverse per desktop, tablet e mobile: servire al telefono lo sfondo da 2500 pixel del desktop è uno spreco frequente.
Quali plugin e componenti aggiuntivi pesano di più?
Pesano di più i pacchetti di widget aggiuntivi che caricano i propri CSS e JavaScript su tutte le pagine, gli slider, i popup e le animazioni. Se usi pochi widget di un pacchetto, disattiva gli altri dalle sue impostazioni o sostituiscili con i widget standard.
Molti siti hanno due o tre pacchetti di “addon” installati negli anni: quasi tutti permettono di disattivare i widget non usati, un intervento a basso rischio. Limita anche le animazioni di ingresso, che su pagine lunghe possono peggiorare la reattività.
Restano valide le basi di ogni sito, cioè cache, PHP aggiornato e hosting adeguato, descritte nella guida pratica per velocizzare WordPress.
Da dove cominciare, in pratica?
Comincia con backup e misura, poi applica le impostazioni di Elementor una alla volta, sistema font e immagini e solo dopo metti mano alla struttura delle pagine. Ogni passaggio va verificato prima di passare al successivo.
- Fai un backup completo e crea una copia di staging.
- Misura home e pagine principali con PageSpeed Insights su mobile.
- Aggiorna Elementor ed Elementor Pro in staging, seguendo le indicazioni per aggiornare WordPress senza rompere il sito.
- Attiva le funzioni della scheda Performance e Inline Font Icons, una alla volta, controllando le pagine.
- Riduci font e pesi, attiva il caricamento locale.
- Ottimizza immagini e sfondi, sposta i video su piattaforme esterne.
- Disattiva widget e pacchetti inutilizzati.
- Ricostruisci con i container header, footer e le sezioni più annidate delle pagine principali.
- Svuota le cache, rimisura e pubblica.
Se preferisci delegare, il servizio di ottimizzazione della velocità segue questo percorso con misure prima e dopo.
Il tuo sito Elementor è lento?
Ti diciamo dall’esterno quali interventi darebbero più risultato, senza chiederti accessi.
Domande frequenti
Elementor è lento di per sé?
Un page builder genera più codice di un tema scritto a mano, ma molti siti Elementor lenti lo sono per altri motivi: hosting debole, immagini pesanti, troppi plugin aggiuntivi e strutture annidate. Con impostazioni corrette e pagine costruite con i container si ottengono buoni risultati.
Devo convertire tutte le pagine da sezioni a container?
Non serve farlo tutto in una volta. Conviene partire dalle pagine con più traffico e dalle parti presenti ovunque, come header e footer, e rifare con i container solo le sezioni più complesse, misurando il risultato.
Attivare le funzioni sperimentali di Elementor è rischioso?
Possono cambiare comportamento tra una versione e l’altra, per questo vanno attivate una alla volta su una copia di staging, controllando le pagine principali. Element Caching, per esempio, non va usato su elementi con contenuti dinamici.
I pacchetti di widget aggiuntivi rallentano Elementor?
Possono farlo, soprattutto se caricano i propri CSS e JavaScript su tutte le pagine. Se usi solo due o tre widget di un pacchetto, valuta se puoi ottenere lo stesso risultato con i widget standard e disattivare quelli inutilizzati dalle impostazioni del pacchetto.