Come velocizzare il sito Web Divi? 8 suggerimenti efficaci da implementare

Pubblicato: 2023-07-12
speed-up-divi-website

Il tuo sito web Divi è diventato più lento, il che sta influenzando il posizionamento nei motori di ricerca, giusto? È il peggior incubo per qualsiasi proprietario di un sito web; Ho anche affrontato un problema simile alcuni mesi fa. A quel tempo, l'unica domanda che avevo in mente era: come velocizzare il sito Divi?

Come chiunque, la prima cosa che ho fatto è stata cercare la risposta su Google. Sfortunatamente, sono diventato più confuso, non perché non ho trovato la soluzione ma perché Google offre più soluzioni, quindi quale seguire?

La cosa buona è che il problema è risolto ora, ma mi fa pensare, se una persona come me si confonde, che ne dici di qualcuno che usa Divi per la prima volta? Questo è il motivo dietro questa guida. Qui, condividerò solo i suggerimenti che funzionano. Quindi controlliamo i dettagli!

Perché il mio sito Divi è così lento? Divi rallenta il sito?

Voglio discutere la causa di questo problema prima di entrare nei dettagli su come rendere Divi veloce. Ricorda, ci sono molte ragioni che influiscono negativamente sulla velocità del sito web. Ad esempio, la maggior parte delle persone non sa che Divi non è l'unico motivo che rallenta il sito web.

Sì, hai letto bene! Prova tutti i metodi per migliorare la velocità del sito Divi, che non funzionerà se il problema riguarda l'hosting. In questo scenario, dovresti cambiare il server di hosting; in caso contrario, non esiste altra soluzione efficace.

Ho incontrato diverse persone che pensano che Divi stesso rallenti il ​​sito, il che è solo un malinteso. Divi non rallenta il nostro sito Web; invece, commettiamo errori. Ad esempio, alcuni proprietari di siti Web utilizzano molti plug-in o non utilizzano correttamente le impostazioni di ottimizzazione di Divi.

Oltre ai plug-in, anche la dimensione del file immagine o video che carichiamo sul sito influisce sulla velocità. Oltre a ciò, si dovrebbe sempre pulire il database di WordPress di tanto in tanto. I dati non necessari avranno un impatto sulle prestazioni del sito se non lo fai.

È importante notare che la diagnosi e la risoluzione dei problemi di prestazioni può essere complessa, in particolare se sei un principiante. Pertanto, dovresti sempre seguire le istruzioni appropriate, di cui parlerò in dettaglio di seguito, mentre affronti i problemi individualmente.

Tabella di marcia per accelerare il sito Divi per classifiche più elevate

Ecco la tabella di marcia per risolvere il problema di caricamento lento di Divi. Condividerò otto suggerimenti e affronterò anche la causa del problema, insieme a come sarai in grado di risolverlo.

Prima di apportare modifiche, annota il punteggio di velocità del tuo sito. Utilizza Google PageSpeed ​​Insights o GTMetrix per controllare la velocità del tuo sito.

Assicurati di leggere tutto; per prima cosa, controlla il suggerimento numero uno; se funziona bene, bene altrimenti, passa alla seconda.

1. Utilizza le impostazioni delle prestazioni Divi

Innanzitutto, utilizza le impostazioni delle prestazioni di Divi invece di rimuovere i plug-in o apportare grandi modifiche al sito web. Il processo non è così tecnico e la velocità del sito Web aumenta rapidamente dopo aver utilizzato correttamente la funzione di impostazione.

Devi solo andare alla dashboard del tuo sito Web WordPress e quindi fare clic su " Impostazioni tema " sotto l'opzione Divi. Dopo aver cliccato su di esso, noterai una finestra come l'immagine qui sotto; selezionare qui l'opzione " prestazioni ".

Le impostazioni delle prestazioni potrebbero non sembrare importanti, ma possono rendere il tuo sito velocissimo. Devi solo capirne il significato e abilitare le opzioni. Se non hai idea delle impostazioni, leggi le caratteristiche importanti delle impostazioni delle prestazioni Divi.

divi-tema-prestazioni-impostazioni
  • Funzioni come " Dynamic Module Framework e Dynamic Icons " assicurano che sulla pagina vengano caricate solo le funzioni e le icone richieste. Inoltre, la funzione " Dynamic CSS " riduce il file CSS per aumentare la velocità.
  • Con le impostazioni " Css critico ", consentirai a Divi di caricare solo i file CSS critici alla prima interazione. Il parametro " Critical Threshold Height " determina la "soglia above the fold" per il differimento degli stili. Selezionando l'altezza della soglia, bilancia i tempi di caricamento.
  • Le opzioni " Dynamic Java Script " controllano quando è necessario caricare le librerie Javascript. Puoi anche abilitare l'opzione " Disabilita WordPress Emoji " per rimuovere gli emoji nativi di WordPress nativi.
  • L'opzione " Defer Gutenberg Block CSS " ritarda il file Gutenberg Block CSS e la funzione " Defer jQuery and jQuery Migrate " riposiziona gli script jQuery e jQuery Migrate per migliorare il caricamento del sito web.
  • Abilitare le funzioni " Migliora il caricamento di Google Fonts " e " Limita il supporto di Google Fonts per i browser precedenti " per ottimizzare il processo di caricamento di Google Fonts su un sito Web e per ottimizzare le dimensioni e i tempi di caricamento di Google Fonts.

Non è importante abilitare ogni funzione nelle impostazioni. Un plug-in della cache può eseguire la maggior parte delle attività. Quindi, abilita solo le funzioni essenziali per il tuo sito.

Ti suggerisco di abilitare opzioni utili come " Dynamic Module Framework, Dynamic CSS, Dynamic Icons e JavaScript Libraries " per velocizzare il tuo sito web Divi.

2. Usa l'hosting ad alte prestazioni

Se la velocità del tuo blog o sito web è rimasta la stessa di prima, controlla il tuo servizio di hosting anche dopo aver utilizzato le impostazioni delle prestazioni di Divi. Principalmente, la cosa che crea il problema della velocità è l'hosting. Ecco perché consiglio sempre di controllare prima il servizio di hosting per prova.

La prova gratuita ti consente di decidere se vale la pena utilizzare il servizio. Puoi anche chiedere suggerimenti ai tuoi amici, e se non hai amici o leggi le recensioni degli utenti sul servizio di hosting, ecco il mio suggerimento!

Hosting che consiglio

Il servizio di hosting di cui mi fido completamente è Cloudways Hosting. Lo uso da oltre quattro anni e lo consiglio anche a tutti i miei amici. Rende la mia vita senza preoccupazioni; il piano di base parte da soli $ 14 al mese, in cui ottieni 1 GB di RAM, 1 TB di larghezza di banda e 25 GB di spazio di archiviazione.

Il primo piano è per le persone che non hanno un budget elevato. Il piano che sto usando costa $ 54 al mese. Offre 4 GB di RAM, 2 processori Core, 80 GB di spazio di archiviazione e 4 TB di larghezza di banda. Gli utenti ottengono anche assistenza clienti 24 ore su 24, 7 giorni su 7, SSL gratuito, migrazione gratuita, backup automatici, ecc.

Dovresti anche conoscere le sue caratteristiche salienti come

  • SafeUpdates per gli aggiornamenti core automatici
  • Server cloud con riparazione automatica per evitare arresti anomali del sito
  • Ambiente di staging per i test
  • Server pronti per PHP 7.4 e 8 per un caricamento rapido del sito
  • Risposta rapida ai ticket dal supporto Premium

Non solo io! Anche il team di Elegant Themes consiglia l'hosting Cloudways per prestazioni più veloci del sito Divi. Basta confrontare i piani tariffari di Cloudways Premium Vs Standard e scegliere quello adatto!

Ottieni uno sconto di $ 30 su Cloudways

3. Acquista un CDN (Content Delivery Network)

Non fare affidamento solo su un buon hosting; acquista un CDN (content delivery network) per il tuo sito web. Renderà il tuo sito web più veloce e influenzerà le metriche fondamentali del web vitals, uno dei fattori più importanti per il posizionamento su Google.

I core web vitals sono costituiti da tre metriche:

  • LCP (Largest Contentful Paint) misura il tempo di un sito Web per visualizzare l'elemento di contenuto più grande.
  • FID (First Input Delay): FID misura per quanto tempo una pagina web risponde alla prima interazione.
  • CLS (Cumulative Layout Shift) determina la frequenza con cui cambia il layout dell'esperienza utente della pagina web.

Ora devi considerare la connessione tra CDN e i core web vitals. CDN si occupa di memorizzare nella cache i file del tuo sito Web, come immagini, video, ecc., In più posizioni in tutto il mondo anziché su un server.

Il vantaggio di questa azione sarà quando un utente desidera accedere al contenuto del tuo sito, il server più vicino consegnerà il contenuto. Ad esempio, se qualcuno accede a un video dal tuo sito Web dalla Germania, il server europeo più vicino fornirà il contenuto.

In questo modo, l'utente può ottenere immediatamente il contenuto. Come risultato di questa azione, il punteggio dei core web vitals del tuo sito Web WordPress aumenterà perché si tratta di quanto tempo impiega un sito Web per rispondere, visualizzare il contenuto e la stabilità delle immagini.

Cloudways Hosting con CDN

Un altro motivo alla base del supporto dell'hosting Cloudways è che viene fornito con Cloudflare Enterprise CDN (rete di distribuzione dei contenuti). Senza l'hosting di Cloudways, il servizio CDN costerà circa $ 4,99 al mese per un massimo di 5 domini.

Qui otterrai una sicurezza estesa con la protezione DDoS. È anche possibile bloccare le potenziali minacce attraverso il web application firewall. Inoltre, Cloudways ha abilitato le funzionalità Edge Page Cache e Argo Smart per ridurre il TTFB e l'LCP del tuo sito. Allora, cosa stai aspettando?

Inizia gratis con Cloudways

4. Ottimizzazione dell'immagine

Pensi anche tu che un'immagine non possa influire sulla velocità del tuo sito? Tutti hanno lo stesso pensiero fino a quando non affrontano un problema con il sito web lento. Sì, un'immagine su una pagina web non è sufficiente per diminuire la velocità del sito, ma pensa a quante immagini hai pubblicato in totale.

Queste immagini non ottimizzate aumentano i tempi di caricamento, lasciano una cattiva impressione sugli utenti e non sono utili per l'ottimizzazione mobile e la SEO. La soluzione a questo problema è ottimizzare le immagini prima di pubblicarle sul sito e implementare il caricamento lento delle immagini.

Utilizza plug-in come FlyingPress o Perfmatters per il caricamento lento delle immagini. Questi plugin sono eccellenti nel rilevare e caricare le immagini in modo lazy per prevenire immagini indesiderate.

Come ottimizzo le immagini per il sito?

  • Scelgo sempre il formato JPG, PNG o principalmente WebP per l'immagine.
  • Se possibile, prima converti l'immagine in un formato come WebP tramite lo strumento, quindi caricala.
  • Non caricare immagini di grandi dimensioni; ridimensionarli e comprimere il file.
  • Uso il plug-in FlyingPress per caricare le immagini in modalità lazy.
  • Infine, aggiungo il testo alternativo e le descrizioni delle immagini.

5. Rimuovere i plug-in inutilizzati

Un altro consiglio efficace per te è rimuovere tutti i plugin che non usi. Consiglio sempre di utilizzare meno plugin; più ne hai sul tuo sito, più lento diventerà. Inoltre, assicurati che il plug-in che hai scaricato sia aggiornato.

Usare plugin obsoleti è come convivere con una minaccia alla sicurezza senza precauzioni. Non sai mai cosa succederà il momento successivo. È meglio utilizzare plug-in come Jetpac Protect che controllano i plug-in e le vulnerabilità associate.

6. Pulisci il tuo database WordPress

Il database di WordPress indica il contenuto dei tuoi siti, commenti, pagine, ecc. Quando includi le estensioni, le tabelle e i dati modificati vengono aggiunti al database. Se questi dati non essenziali si accumulano, il carico del server influenzerà il tempo di caricamento del sito.

Quindi, come pulire il database in WordPress e risolvere il problema di caricamento lento di Divi? Come sai, l'ottimizzazione manuale richiederà tempo. Puoi fare affidamento sui plug-in del database come WP Clean Up Optimizer o WP Sweep per portare a termine il lavoro.

Nota: è meglio eseguire un backup del database prima di eliminare qualsiasi cosa.

7. Limita l'uso di cursori, animazioni ed effetti di movimento

Molti proprietari di siti Web utilizzano cursori, animazioni ed effetti di movimento per conferire al sito Web un aspetto elegante o stravagante. Questo potrebbe essere un requisito per alcuni siti Web aziendali, ma se hai un sito Web normale, queste cose causeranno più danni.

Ricorda, gli utenti visitano il tuo blog o sito Web per trovare la risposta per leggere i tuoi contenuti. I punti che contano per lui sono quanto è buono il tuo contenuto, quanto velocemente si carica la pagina, ecc. Quindi non perdere tempo ad aggiungere animazioni o effetti di movimento.

8. Usa un plug-in per le prestazioni

Se pensi che il processo sopra descritto sembri frenetico e non hai molto tempo per fare tutto da solo, non preoccuparti. Tanto di cappello alla tecnologia; hai plugin di qualità come Perfmatters e Flying Press che risolvono questi problemi!

Divi, non eseguire il lazyload delle immagini di sfondo. Perfmatters consente agli utenti di caricare in modo pigro video, iFrame e immagini. Abilitarlo è un metodo semplice; vedrai " Opzioni iFrame e video " sotto l'impostazione " immagini "; cliccaci sopra. Per le immagini di sfondo abilitare la funzione “ Immagini di sfondo CSS ”.

perfmatters-lazy-load-settings

Perfmatter risolve il ritardo nel problema dell'animazione. Devi solo aggiungere gli script nell'opzione " Escluso dal ritardo " nella scheda delle impostazioni " Javascript ". Ecco lo script che devi aggiungere:

 jquery.min.js
jquery-migrate.min.js
.dipi_preloader_wrapper_outer
/Divi/js/scripts.min.js
/Divi/js/custom.unified.js
/js/magnific-popup.js
et_pb_custom
et_animation_data
var DIVI
elm.style.display
easypiechart.js 
perfmatters-speed-up-immagini

Entrambi i plugin consentono di selezionare il numero compreso tra 0 e 5 (consiglio impostazioni di 2 o 3 immagini) di Precarica immagini dalle impostazioni. Oltre a ciò, puoi rimuovere facilmente i CSS inutilizzati utilizzando Perfmatters o FlyingPress.

perfmatters-precaricamento-immagini

Consolidando gli usi di FlyingPress & Perfmatters , è possibile installare uno qualsiasi dei plug-in per

  • Rimuovi CSS inutilizzati
  • Caricamento pigro delle immagini
  • Migliora il TTFB tramite CDN
  • Ospita il carattere localmente
  • Rimuovi gonfiori

Velocizza il sito web Divi – Domande frequenti

Come controllare la velocità del sito Divi?

Il modo migliore e più semplice per controllare la velocità della pagina Web di qualsiasi sito è utilizzare uno strumento di controllo della velocità del sito Web. Sul mercato sono disponibili diversi strumenti, come Cloudways Google Page Experience. Aggiungi il tuo collegamento al sito; lo strumento ti mostrerà tutti i dettagli.

test di velocità divi-site
Come posso cancellare la mia cache Divi?

Il processo di pulizia manuale di Divi Cache è piuttosto semplice. Visita la dashboard di WordPress del tuo sito Web e trova l'opzione " Divi ". Nella scheda Divi, seleziona le funzioni " Opzioni tema " e " Costruttore ", quindi scegli " Cancella " nelle impostazioni " Avanzate ".

Divi fa male alla SEO?

No, Divi non è male per la SEO; invece, è una di quelle opzioni di cui fidarsi completamente. Tuttavia, ciò non significa che l'impatto non possa essere negativo perché, alla fine, tutto dipende da come utilizzi il tema e ottimizzi il tuo sito web per i motori di ricerca.

Riepilogo dei suggerimenti per velocizzare il sito Divi WordPress

Far caricare velocemente il tuo sito è più importante. Ho discusso gli otto suggerimenti considerati il ​​modo più efficace per velocizzare un sito Web Divi lento. Inizialmente, la mia raccomandazione sarà di controllare le impostazioni di ottimizzazione delle prestazioni di Divi e abilitare funzioni importanti.

Se non funziona, controlla il tuo hosting; questo potrebbe creare problemi. Inizia gratuitamente con Cloudways. Prova ad acquistare un CDN per il tuo blog. Successivamente, passa ad apportare modifiche come la rimozione di plug-in inutilizzati o la pulizia del database di WordPress.

Ultimo ma non meno importante in questa guida all'ottimizzazione della velocità Divi, ottimizza sempre i contenuti visivi prima del caricamento. Immagini e video non ottimizzati creano molti problemi oltre a rallentare il sito web. Oltre a questo, Google considera anche la SEO di immagini e video durante la classifica.

Altre guide alla velocità del sito

Come velocizzare Elementor?

Come velocizzare il sito WoCommerce?

Come velocizzare WordPress?