Guida definitiva per ottimizzare Divi su WordPress (edizione 2021)

Blair2004 Tutorial WordPress Feb 18, 2021

Due è senza dubbio uno dei temi WordPress più popolari al giorno d'oggi. Viene fornito con un potente Page Builder, che puoi utilizzare per creare quasi tutti i tipi di design per qualsiasi tipo di sito Web (letteralmente). Questo enorme vantaggio ha un aspetto negativo. Poiché Divi ha un sacco di funzionalità, queste funzionalità hanno un peso. E per coloro che non vogliono ammetterlo, è importante considerare l'ottimizzazione di Divi, soprattutto se vuoi offrire la migliore esperienza ai tuoi visitatori.

Mentre è vero che Divi riceve spettacoli frequenti, tuttavia, questi non sono sempre sufficienti e questo è più vero per chi ha più di un semplice blog "Hello World".

In questo tutorial, esploreremo cosa possiamo fare per rendere più veloci i caricamenti di divi (sebbene sia già un tema WordPress veloce considerando le funzionalità disponibili). Ecco alcuni argomenti chiave che tratteremo:

  • Come ottimizzare il database
  • Come ottimizzare il DNS
  • Come scegliere un buon hosting
  • Come ottimizzare il tempo per il primo byte
  • Come memorizzare nella cache il tuo sito Web WordPress
  • Come eseguire una minificazione
  • Come abilitare la compressione Gzip
  • Quale CDN puoi usare
  • Come ottimizzare le tue immagini
  • Come ottimizzare i tuoi video
  • Come eseguire SpeedTest su Divi
  • Altri suggerimenti

Perché devi avere un sito web veloce?

Non è più un segreto per nessuno. I siti Web veloci convertono meglio dei siti Web lenti. C'è un'enorme correlazione tra la velocità del tuo sito web e la tua frequenza di rimbalzo. Più precisamente ecco perché al giorno d'oggi è un must:

  • Riduci la frequenza di rimbalzo: devi mantenere i tuoi visitatori? Rendi il tuo sito web incredibilmente veloce.
  • Aumenta la conversione: se desideri che il tuo visitatore veda il tuo negozio o modulo, il tuo sito web deve caricarsi velocemente prima di scomparire.
  • SEO – Google Might Rank You Higher (might because it's Non sempre è così).
  • Credibilità: i siti web lenti creano una cattiva prima impressione ai tuoi visitatori.

Quanto velocemente dovrebbe caricare un sito web?

Sulla base di vari studi, un sito Web dovrebbe essere caricato in 3 secondi o meno. In genere, un buon obiettivo è caricare le pagine Web in 3 secondi o meno. Anche se sembra che la maggior parte dei clienti si aspetti che siano 2 secondi o meno in questi giorni. Ma ovviamente, ogni sito Web e pagina Web è diverso.

Suggerimenti e trucchi per velocizzare il caricamento di Divi

Ora esploreremo tutti i suggerimenti e i trucchi che puoi applicare subito sul tuo sito Web Divi e vedremo cambiamenti significativi sulle prestazioni. Alcune di queste tecniche si applicano anche a qualsiasi altro tema WordPress, quindi potresti già avere familiarità con queste tesi.

Iniziamo.

Come ottimizzare il database

WordPress è un CMS dinamico che interagisce con il database MySQL per archiviare e recuperare dati (post, pagine, metadati, ecc.). Questo modo di lavorare semplifica la gestione del tuo sito web, ma lo svantaggio è che il caricamento delle pagine richiede più tempo perché deve individuare i dati nel database prima di caricare la pagina. Per un sito Web HTML statico, non è necessario cercare contenuto dinamico, perché non cambia dinamicamente. Ecco perché i siti Web HTML statici saranno più veloci dei siti Web WordPress.

Un modo per mantenere un sito Divi (o qualsiasi sito Web WordPress) il più veloce possibile è assicurarti di ottimizzare il tuo database. I file del sito WordPress sono organizzati nel tuo database da tabelle e ogni volta che aggiungi nuovi dati al tuo sito (come temi e plugin), ciò crea nuove tabelle e nuovi dati. Come ci si aspetterebbe, più il database è gonfio, più difficile sarà trovare i dati. Questo porta a un sito web più lento.

Ora, se stai scrivendo un blog per molti anni, potresti aver provato molti temi e plugin. Alla fine questo ha fatto sì che il tuo database mantenga i dati di cui non ha bisogno. Anche se disinstalli un plug-in, ciò non significa che anche tutti i dati creati da questo plug-in vengono cancellati. Alcuni plug-in mantengono alcuni dati, nel caso in cui si reinstalli il plug-in o lo sviluppatore potrebbe aver dimenticato di aggiungere una misura di disinstallazione adeguata. Ovviamente questo non è buono e giusto per il tuo database. Questi dati avanzati possono creare disordine inutile e rallentare il tuo sito.

Proprio come ogni essere umano ha bisogno di un'organizzazione per lavorare in modo più efficiente, ogni sito WordPress (Divi o meno) ha bisogno di un database pulito per caricare le pagine più velocemente. Ecco perché se hai il tuo sito web per un momento, dovresti assolutamente considerare di ottimizzare il tuo database.

Ci sono molti plugin che possono aiutare in questo, ma puoi sicuramente provare a WP Optimize, che sembra essere un'opzione credibile. Ma ci sono altri Anche trucchi da considerare.

Oltre a ottimizzare il tuo database WordPress, potresti voler rendere WordPress ancora più leggero riducendo i dati che memorizza. Ad esempio, WordPress manterrà automaticamente gli elementi eliminati nel cestino per 30 giorni. Potresti voler ridurre quel periodo di tempo a 7.

Come ottimizzare il DNS

Una delle prime cose che accadono quando si sta per accedere al tuo sito web è una ricerca DNS. Non appena l'URL viene inserito (o cliccato), l'ISP del visitatore invia una query DNS ai server dei nomi per trovare l'indirizzo IP associato al tuo dominio (ogni dominio / sito web ha un indirizzo IP specifico). Più chiaramente, una ricerca DNS è come cercare il tuo nome di dominio in una rubrica per trovare l'indirizzo IP di quel dominio.

Tuttavia, quando un utente visita una pagina del tuo sito, la pagina potrebbe avere più domini a cui è necessario accedere per visualizzare la pagina. Quindi potresti eseguire 3 o 4 ricerche di dominio su un singolo caricamento di pagina (forse di più).

In generale, la maggior parte dei provider DNS gratuiti come Godaddy e Namecheap saranno generalmente più lenti di altri.

La migliore opzione gratuita disponibile che aumenterà la velocità di ricerca DNS è probabilmente Cloudflare. Hanno le prestazioni DNS più veloci registrate su DNSPerf.com. Sono significativamente più veloci di GoDaddy e Namecheap. E puoi persino ottimizzare Cloudflare da utilizzare per DNS senza i loro altri servizi (come CDN o WAF), se lo desideri.

Ad esempio, potresti voler utilizzare Cloudflare per DNS e sicurezza (rilevamento DDOS) e KeyCDN (o MaxCDN) per il tuo CDN. Anche questa è un'ottima combinazione.

Setup Cloudflare

Cloudflare è facile da configurare. Non devi preoccuparti di cambiare il tuo hosting o altro in anticipo. Tutto quello che devi fare è seguire la loro configurazione di 5 minuti che inizia con l'inserimento del tuo dominio.

Recupereranno automaticamente i tuoi record DNS correnti.

Una delle cose che dovrai fare per completare la configurazione è cambiare i server dei nomi predefiniti sul tuo attuale provider DNS (come GoDaddy) con i server dei nomi di Cloudflare.

Da ora sarai in grado di gestire facilmente il tuo DNS dalla loro dashboard.

E proprio così, hai un aumento della velocità di ricerca DNS, più sicurezza e un CDN per il tuo sito web e gratuitamente.

Come scegliere un buon hosting

In anticipo, una delle prime cose da considerare durante il viaggio di ottimizzazione del tuo sito web è scegliere un hosting che funzioni bene per il tuo sito Web WordPress. Alcuni mesi fa, Elegantheme stava rilasciando un'offerta di partnership Con i più diffusi provider di hosting che funziona bene con WordPress. Questi fornitori sono riconosciuti per fornire un servizio migliore per Divi e l'integrazione con la dashboard di Elegantthemes è perfetta. Devi solo scegliere tra questi provider quale sceglierai per il tuo sito web.

Ora nulla ti obbliga a utilizzare questi provider in quanto sono disponibili molte altre soluzioni che funzionano bene anche per WordPress e Divi. Analizziamolo quindi considerando il tipo di hosting disponibile.

Types of Hosting

Shared Hosting

Questo è di gran lunga il tipo di hosting più popolare per gli utenti di WordPress / Divi. Ma sfortunatamente, è l'opzione peggiore per avere un sito web veloce. Con l'hosting condiviso, condividerai con altri tutte le risorse disponibili di un server. Poiché stai condividendo, il costo per questo tipo di hosting è solitamente molto basso. Tuttavia, lo svantaggio è che non puoi controllare la quantità di traffico ricevuta da questi altri siti e come il loro sito web può potenzialmente influire sulle prestazioni del server e quindi sulle prestazioni del tuo sito web. Quindi puoi facilmente cadere preda di periodi di tempi di caricamento estremamente lenti e persino di momenti in cui il tuo sito è completamente inattivo. Quindi è meglio che tu abbia una buona idea di Quanto traffico può gestire il tuo hosting condiviso.

VPS Hosting

L'hosting Virtual Private Server (VPS) è fondamentalmente una via di mezzo tra l'hosting condiviso e quello dedicato. Lo spazio del tuo server è "privato", il che significa che è completamente separato dagli altri. Quindi i file del tuo sito non vengono esposti ad altri sul server. A differenza dell'hosting condiviso, un VPS ha una quantità dedicata di risorse di sistema a tua disposizione per garantire che il tuo sito ottenga sempre ciò di cui ha bisogno per fornire costantemente tempi di caricamento rapidi. Tecnicamente, non dovrai preoccuparti dei picchi di traffico di altri siti web che influiscono sulla velocità del tuo sito.

Ma, a meno che tu non abbia un VPS gestito, questo tipo di hosting è principalmente per quei tipi fai-da-te che sono abbastanza esperti di tecnologia da gestire le cose da soli.

Cloud Hosting

Con il cloud hosting, hai accesso a una rete di server (nel cloud) invece che a un singolo server fisico. Ciò consente di estrarre tutte le risorse necessarie da questa rete di server secondo necessità. Più semplicemente, hai una partizione virtuale dello spazio del server che è supportata dalla potenza e dalle risorse dell'intera rete di server. Non è quindi necessario preoccuparsi dei picchi di traffico come avresti per l'hosting condiviso. Il cloud hosting è estremamente flessibile e scalabile per le tue esigenze.

Una delle principali differenze tra Cloud Hosting e VPS hosting è che l'hosting VPS ha una quantità dedicata (a volte limitata) di risorse da cui attingere che può o meno esaurirsi. Il Cloud Hosting, d'altra parte, è in grado di mantenere le tue risorse disponibili senza essere esaurite perché può sempre estrarre dagli altri server nel cloud. In teoria, il cloud hosting offre velocità elevate più coerenti e affidabili. Quindi, se prendi sul serio la velocità, il cloud hosting è un'ottima opzione (forse anche la migliore).

Dedicated Hosting

Con l'hosting dedicato, hai il tuo server dedicato solo per te. Non è necessario condividere alcuna risorsa con nessun altro. Ciò significa che avrai tempi di caricamento rapidi più prevedibili e coerenti per il tuo sito web. Questo di solito è offerto come opzione di alto livello per le grandi aziende a un costo elevato (ovviamente). Considererai di utilizzarlo se puoi permetterti il ​​costo che eredita.

Managed WordPress Hosting

L'hosting WordPress gestito di solito si riferisce all'hosting condiviso gestito da esperti di WordPress. Qui non è privato come un VPS o potente come un server dedicato. Ma aiuta a massimizzare la velocità del tuo ambiente condiviso facendo eseguire il lavoro agli esperti di WordPress. Lo fanno bene perché adattano i loro servizi e configurano i loro server rigorosamente per i siti WordPress. E molti di loro sono dotati di molte funzionalità integrate interessanti e convenienti come ambienti di staging con un clic, memorizzazione nella cache del sito, distribuzione CDN con un clic, backup automatici, SSL e altro. Sono perfetti per coloro che non vogliono gestire queste cose manualmente.

Other Hosting Provider To Consider

Ci sono molte società di hosting WordPress là fuori. E se possibile, vorrai evitare l'hosting condiviso tradizionale (non gestito) se prendi sul serio l'ottimizzazione della velocità. Ma se hai un sito semplice e non sei disposto a pagare i soldi extra per la gestione, Siteground sembra essere uno dei migliori per l'hosting condiviso.

Per ora ecco un breve elenco di host da considerare per un sito Web Divi più veloce.

  • Kins: è specializzato nell'hosting WP gestito
  • SiteGround: offre hosting condiviso.
  • Cloudways: è specializzato nell'hosting cloud gestito basato su SSD
  • WPEngine: è specializzato nell'hosting WP gestito
  • Volano - specializzato in hosting WP gestito

Non sono tutti i possibili provider disponibili là fuori, ma sicuramente con questi avrai un sito Web WordPress veloce.

Come ottimizzare il tempo per il primo byte

Il Time to First Byte (TTFB) è la quantità di tempo impiegata dall'utente per ricevere il primo byte di dati del sito web dal tuo server. Ciò significa che, quando un utente tenta di accedere al tuo sito web, il TTFB sarà essenzialmente quel periodo di attesa prima che i dati vengano ricevuti dal browser.

Il TTFB è solitamente di circa 200 ms. Ma per i siti che hanno un hosting scarso e non sono stati ottimizzati, il TTFB può facilmente durare 2 secondi o più.

Il ritardo TTFB sul tuo sito Divi è solitamente causato da quanto segue:

  • La quantità di contenuto dinamico che deve essere ricevuto. Questo può essere ridotto con la memorizzazione nella cache, l'ottimizzazione del database e una CDN.
  • La quantità di traffico che sta subendo il tuo server in quel momento. I provider di hosting condiviso non possono avere un TTFB basso perché condividi risorse con altri sullo stesso server. I picchi nel loro traffico ridurranno la velocità di elaborazione del tuo server.
  • La configurazione del tuo server web. Un buon provider di hosting WordPress può aiutarti con il TTFB del tuo sito fornendo una solida infrastruttura di backend e ottimizzando la configurazione del tuo server web (cose praticamente fuori dal tuo controllo).

In breve, se desideri una rapida spinta a TTFB, ottieni un hosting migliore e segui il resto dei passaggi seguenti.

Come memorizzare nella cache il tuo sito Web WordPress

Esistono quattro tipi principali di memorizzazione nella cache che possono essere implementati per velocizzare il tuo sito WordPress.

  • Memorizzazione nella cache della pagina: questo processo memorizza le versioni HTML statiche memorizzate nella cache della pagina per una consegna rapida.
  • Caching del browser: questo ti dà un maggiore controllo sui contenuti che possono essere memorizzati nella cache dal browser e per quanto tempo. Solo alcuni plugin possono farlo, quindi dovresti considerare di farlo manualmente per un maggiore controllo. Ciò contribuirà a gestire le metriche "Sfrutta la memorizzazione nella cache del browser" durante lo svolgimento dei test di velocità.
  • Caching CDN: offre pagine / file di siti Web memorizzati nella cache da una CDN più vicina ai tuoi utenti.
  • Memorizzazione nella cache degli oggetti: la memorizzazione nella cache degli oggetti memorizza nella cache i risultati delle query ripetute che PHP avvia per recuperare i dati dal database e fornirli all'utente. Questo è diverso dal caching del bytecode che memorizza una versione cache del codice PHP compilato utilizzato per visualizzare il tuo sito web.

Divi esegue la memorizzazione nella cache per fornire i file JS e CSS statici di Divi dietro le quinte. Ma questo è principalmente per i file del tema Divi per una migliore funzionalità di Divi Builder.

È comunque necessario utilizzare la cache per ottimizzare l'intero sito Web WordPress. La maggior parte dei siti dispone di più plug-in forniti con i propri file CSS che potrebbero dover essere combinati, minimizzati e memorizzati nella cache. Puoi quindi sfruttare un plug-in di terze parti per fornire versioni HTML statiche memorizzate nella cache di tutte le tue pagine.

I plugin popolari per la cache includono:

  • WP Super Cache
  • Cache totale W3
  • WP Rocket
  • Cache Enabler
  • Comet Cache
  • WP Fastest Cache

Come eseguire una minificazione

La minimizzazione rende i file del tuo sito più piccoli. Minimizzando i file del tuo sito (CSS, JavaScript, HTML) rimuovi tutte quelle cose non necessarie (come spazi e interruzioni di pagina) in modo che la dimensione del file si riduca. Ciò ridurrà il tempo necessario al browser per scaricare quella risorsa.

Aggregazione significa combinare i file del sito per ridurre le richieste totali sulla pagina e velocizzare i tempi di caricamento per i tuoi visitatori. Ma questo significa anche offrire file più grandi ai tuoi utenti, dovresti assicurarti di servire un file CSS da 1 MB, ad esempio, e considerare la suddivisione in piccoli blocchi.

Come accennato in precedenza, Divi minimizza e combina i file Javascript e CSS utilizzati dal tema Divi per impostazione predefinita. Quindi tecnicamente non devi preoccuparti di utilizzare un plug-in di terze parti per minimizzare e combinare ulteriormente i file Javascript e CSS di Divi. Tuttavia, Divi non minimizza l'output HTML. Quindi puoi beneficiare di un plug-in di terze parti per minimizzare (e memorizzare nella cache) l'intero HTML di una pagina.

Inoltre, quasi tutti i siti Divi dipenderanno da file esterni al tema Divi (come plugin o altri file aggiunti dal tema figlio) che trarranno vantaggio dalla minimizzazione e dalla combinazione dei file CSS e JS. Questo può essere facilmente gestito da un plugin.

Alcuni plugin adatti che minimizzano i file del tuo sito includono:

  • Cache totale W3
  • È stato auto-miglioramento
  • WP Super Cache
  • WP Rocket (premium)

Uno di questi plugin dovrebbe funzionare con Divi. Ma non c'è modo di valutare tutte le sfumature di un sito web per dire quella che funzionerà meglio per tutti. A volte, i plugin di terze parti minimizzano automaticamente i file JavaScript in un modo che potrebbe causare errori / problemi, dovresti quindi assicurarti di eseguire un test approfondito in tutto il tuo sito web per assicurarti che nulla sia rotto. Se può essere sicuro minimizzare CSS, non è sempre il caso di JavaScript.

A volte, dovrai affrontare conflitti tra le tue soluzioni di minimizzazione. Dovresti quindi assicurarti di lasciare che solo uno lo gestisca. Inoltre, l'installazione di più plugin per la minificazione porterà più problemi che soluzioni, basta usare una soluzione alla volta.

Come abilitare la compressione Gzip

La compressione Gzip a volte è più efficiente della minificazione perché può ridurre le dimensioni della pagina fino al 70%.

Abilitare la compressione Gzip sul tuo sito Divi può darti un grande aumento di velocità. Se hai familiarità con la creazione di file compressi (o zippati) sul tuo computer, hai già una conoscenza di base di come funziona la compressione Gzip. L'idea è che, quando un insieme di file viene compresso in un unico file, può essere scaricato e caricato più facilmente! La compressione Gzip fa la stessa cosa per il tuo sito web. Indica al server di comprimere tutti i file che può in versioni più piccole in modo che possano essere serviti al client molto più velocemente. Questo può davvero aumentare la velocità di caricamento della pagina.

Questa è una di quelle aree in cui puoi migliorare la velocità di Divi anche su una nuova installazione del tema. Poiché Divi minimizza comunque i file del tema principale, la compressione Gzip renderà quei file ancora più piccoli. La compressione Gzip renderà i tuoi file molto più piccoli di quanto potrebbe mai fare la minificazione.

Ecco alcuni plugin che supportano la compressione Gzip:

  • WP Rocket
  • Cache totale W3
  • WP Fastest Cache

E alcuni provider di hosting abiliteranno automaticamente la compressione gzip perché è un gioco da ragazzi per le prestazioni del sito. Sentiti libero di Controlla se la compressione Gzip è abilitata sul tuo sito.

Quale CDN puoi usare

Una rete di distribuzione dei contenuti (CDN) porta la velocità del sito a un altro livello. Come suggerisce il nome, un CDN è una rete che mira a fornire contenuti più rapidamente agli utenti. La rete è composta da server in tutto il mondo che archiviano file statici memorizzati nella cache (immagini, video, css, js, ecc.) Del tuo sito web. Quindi, quando una persona accede al tuo sito Web, il server (o PoP) più vicino alla persona consegnerà il contenuto, invece di raggiungere il tuo server se è lontano dall'utente. Senza un CDN, i file del tuo sito web sono accessibili da una posizione del server (ovunque il tuo host stia memorizzando quei file), quindi più sei lontano da quel server, più lento sarà fornire quel contenuto del sito web al tuo browser.

Poiché desideri che il sito Web venga visualizzato nel tuo browser il prima possibile, un CDN avrà i file del tuo sito pronti per essere consegnati dal server più vicino alla tua posizione. Quindi, se i file del tuo sito sono archiviati su un server a San Francisco e qualcuno a Londra richiama il tuo sito, potrebbero essere necessari 1 o 2 secondi per ricevere quei dati da un server a migliaia di chilometri di distanza. Ma con un CDN, puoi fornire gli stessi dati da un server a Londra nella metà del tempo. Questa è una grande differenza!

Quindi, anche se non vedi l'intera portata dei risultati a casa, stai accelerando la consegna del tuo sito web in tutto il mondo.

Esistono molti modi per ottenere una CDN per il tuo sito. Molte società di hosting includeranno un'opzione per la distribuzione di una CDN con il loro servizio. E ci sono piattaforme di rete come Cloudflare e MaxCDN che offrono funzionalità CDN insieme ad altre funzionalità di sicurezza e prestazioni.

Ecco alcune piattaforme CDN credibili da considerare:

  • KeyCDN
  • Cloudflare
  • MaxCDN
  • Amazon Cloudfront
  • Succhi

Alcuni dei plugin utilizzati per la memorizzazione nella cache includono già un'opzione per l'integrazione automatica di più provider CDN, il che è piuttosto conveniente.

Ecco alcuni plugin con supporto CDN:

  • WP Fastest Cache
  • WP Rocket
  • È stato auto-miglioramento
  • Cache totale W3
  • WP Super Cache
  • Enabler CDN

Come ottimizzare le immagini

L'ottimizzazione delle immagini è uno dei maggiori colpevoli della bassa velocità di caricamento della pagina. La ragione di ciò è che probabilmente molte persone ignorano quanto siano dannose le grandi immagini per la velocità di un sito web. Dopo tutto, quanti danni può causare un'immagine di sfondo a una pagina web? Beh, potresti essere sorpreso. Solo poche immagini di grandi dimensioni che non sono state ottimizzate per il Web potrebbero avere conseguenze catastrofiche sulla velocità di caricamento della pagina.

Ogni sito web dovrebbe farlo. La sola compressione delle immagini può rendere il tuo sito notevolmente più veloce e le dimensioni delle immagini più piccole faranno risparmiare spazio di archiviazione e larghezza di banda. Ma ci sono anche altre importanti ottimizzazioni dell'immagine a cui dovresti pensare.

In breve, ecco cosa devi considerare per ottimizzare le tue immagini:

Use the Right File Type

Quando prendi in considerazione l'utilizzo di immagini per il Web, dovresti davvero attenersi ai seguenti tipi di file immagine:

  • JPG: questo formato dovrebbe essere utilizzato per le immagini colorate. Di solito, questo è un abbinamento perfetto per la fotografia. Se poi offri una compressione migliore rispetto a PNG, a meno che tu non voglia usare immagini con sfondo trasparente.
  • PNG: utilizza i PNG per le immagini che richiedono uno sfondo trasparente. Questo formato può essere utilizzato anche per immagini con meno colori possibili. È quindi un bel formato per immagini e loghi di infografiche.
  • SVG - Questo è un formato vettoriale che fornisce dettagli estremamente nitidi utilizzando il codice HTML. Gli SVG sono ottimi per loghi, icone e altre animazioni vettoriali.

Resize and Crop Your Images

La tua immagine dovrebbe essere abbastanza grande. Se il tuo sito web ha una larghezza del corpo impostata su un massimo di 800 px, non è necessario avere immagini grandi di 1200 px. Il risultato potrebbe sembrare simile sul front-end, ma quella grande dimensione sta uccidendo il tempo di caricamento della pagina.

Quando carichi immagini sulla tua pagina utilizzando Divi, è utile sapere quanto devono essere grandi quelle immagini all'interno della struttura delle colonne di Divi.

Compress Your Images

Dovrai ridurre la dimensione del file immagine fino al punto prima di notare un calo di qualità. Questo viene fatto tramite la compressione delle immagini. I più diffusi editor di foto, plug-in e siti come tinypng.com comprimono le immagini utilizzando la compressione senza perdita di dati (che riduce il file immagine senza perdere la qualità dell'immagine) e la compressione intelligente con perdita (che riduce le dimensioni del file immagine riducendo i metadati e la qualità dell'immagine in un modo che non è realmente evidente dall'utente).

Optimize Your Images For Internet

L'ottimizzazione delle immagini per Internet può essere eseguita tramite editor di foto come Photoshop, che include un'opzione "Salva per Web". Inoltre, puoi utilizzare un sito di terze parti gratuito come TinyPNG.com o Compressor.io per comprimere l'immagine prima di caricarla sul tuo sito.

Ovviamente, WordPress offre attraverso i suoi plugin un modo per ottimizzare le tue immagini. Alcuni plugin (come Imagify) comprimeranno le immagini già utilizzate sul tuo sito e comprimeranno automaticamente le immagini mentre le carichi nella tua libreria multimediale di WordPress.

Ecco alcuni ottimi strumenti di ottimizzazione delle immagini e plugin che puoi utilizzare:

Siti web:

  • Compressor.io
  • Tinypng.com

Plugin:

  • Compressione e ottimizzazione delle immagini smush
  • Immagina
  • Razzo WP

Divi’s Built-in SRCSET support

Anche il supporto Immagini reattive con SRCSET nativo è integrato in Divi. Con questa funzione, la tua immagine verrà utilizzata in base alle dimensioni del dispositivo (che si tratti di un telefono, tablet o desktop).

Come ottimizzare i tuoi video

L'ottimizzazione del video è un po 'più difficile dell'ottimizzazione delle immagini, ma sicuramente non meno importante. Il video può essere di grandi dimensioni e quindi influire in modo significativo sulla velocità della pagina. Se stai ospitando molti video sul tuo server, potresti scoprire abbastanza presto di avere un altro problema di spazio su disco insieme a un aumento dell'utilizzo della larghezza di banda. Ecco perché spesso si consiglia di utilizzare servizi di terze parti (come Youtube o Vimeo) per ospitare i tuoi video per te. In alternativa, potresti considerare di scaricare i tuoi contenuti multimediali video su una piattaforma di archiviazione come Amazon S3. Ciò ti consentirà di collegarti a quei video dall'interno del modulo video di Divi senza che debbano rallentare il tuo server.

Puoi ridurre facilmente i file video utilizzando uno strumento gratuito come Freno a mano, che è facile da usare.

Come eseguire SpeedTest su Divi

Potresti aver fatto un test sulla velocità del tuo sito web, i cui risultati potrebbero averti portato a questo articolo. Questo è in realtà un passaggio importante all'inizio della tua ottimizzazione, per sapere qual è il punteggio corrente e alla fine dell'ottimizzazione, per confrontare quali sono le differenze con il nuovo punteggio. Condurre un test di velocità è una delle cose più facili che puoi fare. Ci sono tantissimi siti web che lo faranno per te gratuitamente. E le metriche che forniscono saranno preziose per identificare i modi in cui puoi ottimizzare ulteriormente il tuo sito per prestazioni migliori.

Ecco alcuni ottimi punti di partenza:

  • GTMetrix
  • Pingdom
  • Google Page Insights

I risultati forniscono un'utile ripartizione del rendimento della tua pagina web in una varietà di aree. Quindi puoi utilizzare i loro consigli come una lista di controllo da elaborare mentre ottimizzi il tuo sito.

Man mano che implementi le ottimizzazioni della velocità sul tuo sito, dovresti vedere miglioramenti nelle seguenti aree:

  • Tempo di caricamento completo / tempo di caricamento
  • Dimensione totale della pagina (cose come la minimizzazione, l'ottimizzazione delle immagini con l'aiuto di questo)
  • Richieste
  • Punteggi PageSpeed ​​/ YSlow
  • Offri immagini in scala
  • Ottimizza le immagini
  • Sfrutta la memorizzazione nella cache del browser
  • Minimizza CSS / HTML
  • Abilita la compressione gzip
  • Effettua meno richieste HTTP
  • Aggiungi le intestazioni di scadenza

You Aim Decent Speed Not Impossible Speed

Può essere facile impantanarsi testando il tuo sito web e ottimizzandolo alla perfezione. Ma nessun sito web può essere perfetto. Potresti anche scoprire che il miglioramento di determinati livelli di prestazioni del test di velocità potrebbe effettivamente rallentare il tempo di caricamento della pagina. Questo perché anche quei test di velocità non sono perfetti.

Come evitare possibili conflitti tra Divi e altri plugin di ottimizzazione

Ogni volta che distribuisci un plug-in di terze parti per la minimizzazione e la memorizzazione nella cache, potresti incontrare alcuni conflitti. Ad esempio, potresti scoprire che un modulo Divi non viene visualizzato correttamente o che alcuni file JavaScript non vengono visualizzati correttamente.

Per evitare questi tipi di conflitti, puoi disabilitare la funzione di ottimizzazione integrata di Divi e lasciare che sia il plug-in di terze parti a gestirla per te. Le tre opzioni che vorrai disabilitare sono:

  • Generazione di file CSS statici
  • Minimizza e combina file Javascript
  • Minimizza e combina file CSS

Puoi disabilitare le opzioni per minimizzare e combinare file Javascript e CSS andando su Opzioni tema> scheda Generale.

È possibile disabilitare l'opzione per la generazione di file CSS statici in Opzioni tema> Generatore> Avanzate.

Altri suggerimenti e trucchi

Abbiamo praticamente coperto tutti i principali fattori che contribuiscono a rendere più veloci i siti Web Divi / WordPress. Ci sono tuttavia alcune cose importanti che puoi ancora fare.

  • Hosting aggiornato con la recente versione di PHP
  • Modifica dell'URL di accesso di WordPress per evitare che quei bot sovraccarichino il tuo server
  • Evitare chiamate non necessarie a servizi esterni. Alcuni plug-in e incorporamenti richiedono l'utilizzo di file ospitati sui loro server. Queste chiamate aggiuntive rallenteranno il caricamento della pagina.
  • Incorpora il caricamento lento per immagini e video per una migliore velocità di caricamento della pagina.

Pensieri finali

Con la recente ottimizzazione su Due, è più veloce di prima. Con gli aggiornamenti delle prestazioni integrati, le tue installazioni Divi standard hanno caricamenti di pagina più veloci sul front-end, un amministratore di WordPress più veloce sul back-end e un Divi Builder più veloce per modificare e progettare il tuo sito. Questo è un ottimo inizio, ma c'è ancora molto da fare per assicurarti che il tuo sito Divi funzioni il più velocemente possibile.

Le ottimizzazioni di velocità e prestazioni incluse in questa guida aumenteranno sicuramente la velocità del tuo sito. Per la maggior parte, queste ottimizzazioni si applicherebbero a qualsiasi sito / tema WordPress, non solo a Divi. Ed è sorprendente quante cose semplici puoi fare sono gratis!