Ciao!

Innanzitutto, leggete questo articolo: https://onlinemediamasters.com/perfmatters-settings/

allora, leggete questo: https://www.elegantthemes.com/blog/divi-resources/divi-speed-optimization

testate, confrontate e alla fine guardate questo video di YouTube (lungo più di 2 ore):

...e infine - anche questo articolo è interessante - sempre sulle prestazioni di Divi: https://onlinemediamasters.com/divi-slow-loading-website/

Buona fortuna!

Salute, Mik

L'utilizzo di Perfmatters con Divi può migliorare notevolmente le prestazioni.

Tuttavia, alcune funzioni devono essere configurate con attenzione per evitare conflitti.

Ecco i miei pensieri e le mie impostazioni:

1. Struttura del modulo dinamico

• Cosa fa: Carica solo i moduli Divi utilizzati nella pagina, riducendo l'ingombro.
• Potenziale conflitto: Nessuno. Perfmatters non dispone di una funzione simile.
• Raccomandazione: Attivare questa funzione in Divi per una maggiore efficienza.

2. CSS dinamico

• Cosa fa: Genera e carica dinamicamente solo il CSS necessario per la pagina.
• Potenziale conflitto: Nessuno. Perfmatters non interferisce con il caricamento dei CSS specifici del Divi.
• Raccomandazione: Abilitare i CSS dinamici in Divi.

3. Icone dinamiche

• Cosa fa: Carica solo i font delle icone utilizzati nella pagina.
• Potenziale conflitto: Nessuno. Perfmatters non gestisce il comportamento dei font delle icone.
• Raccomandazione: Abilitatela in Divi per ridurre al minimo il caricamento dei caratteri delle icone.

4. Caricare il foglio di stile dinamico in linea

• Cosa fa: Carica gli stili dinamici in linea invece di usare fogli di stile esterni.
• Potenziale conflitto: Nessuno. Perfmatters non gestisce direttamente gli stili in linea.
• Raccomandazione: Testate questa opzione. Può migliorare le prestazioni per i CSS di piccole dimensioni, ma potrebbe danneggiarle se gli stili in linea sono molto estesi.

5. CSS critico

• Cosa fa: Genera e carica i CSS critici per il contenuto sopra la pagina.
• Potenziale conflitto: Nessuno. Perfmatters non genera CSS critici.
• Raccomandazione: Abilitatela in Divi per un rendering più veloce.

6. Altezza della soglia critica

• Cosa fa: Imposta l'altezza della finestra di visualizzazione per la generazione critica di CSS.
• Potenziale conflitto: Nessuno.
• Raccomandazione: Regolare questa impostazione secondo le necessità in base al proprio layout. Non si sovrappone a Perfmatters.

7. Librerie dinamiche JavaScript

• Cosa fa: Carica solo le librerie JavaScript necessarie.
• Potenziale conflitto: Perfmatters' Script Manager potrebbe entrare in conflitto se si disabilitano manualmente le stesse librerie.
• Raccomandazione: Abilitatela in Divi, ma evitate il controllo manuale degli script in Perfmatters a meno che non sia necessario.

8. Disattivare le Emoji WordPress (verranno comunque caricate nel sistema operativo e nel browser).

• Cosa fa: Impedisce a WordPress di caricare gli script e gli stili relativi alle emoji.
• Potenziale conflitto: Perfmatters offre la stessa opzione.
• Raccomandazione: Utilizzare questa opzione in Divi o in Perfmatters, ma non in entrambi.

9. Rinviare il blocco CSS di Gutenberg

• Cosa fa: Rinvia il caricamento del CSS del blocco Gutenberg.
• Potenziale conflitto: Perfmatters può anche rinviare i CSS di Gutenberg.
• Raccomandazione: Utilizzare questa opzione in Divi o in Perfmatters, non in entrambi.

10. Migliorare il caricamento di Google Fonts

• Cosa fa: Ottimizza il caricamento di Google Fonts combinando o rinviando le richieste.
• Potenziale conflitto: Perfmatters offre un'analoga ottimizzazione di Google Fonts.
• Raccomandazione: Utilizzatelo sia in Divi che in Perfmatters. Testateli entrambi per vedere quale funziona meglio.

11. Rimandare jQuery e jQuery Migrate

• Cosa fa: Rinvia il caricamento di jQuery e del suo script di migrazione.
• Potenziale conflitto: Perfmatters offre una funzione simile.
• Raccomandazione: Si può usare in Divi o in Perfmatters, ma non in entrambi. Testate con attenzione, perché il rinvio di jQuery può causare problemi di compatibilità con i plugin o gli script personalizzati.

Raccomandazioni generali:

• Utilizzate le funzioni di sovrapposizione in Divi o in Perfmatters, non in entrambi.
• Test, test, test: Utilizzare strumenti come Google PageSpeed Insights o GTmetrix per monitorare le prestazioni.
• E SOPRATTUTTO!!! Utilizzate lo Script Manager di Perfmatters: Fornisce un controllo preciso su script e stili, che Divi non offre!

Salute, madb 🙂