⚡Velocizzare un sito WordPress con DIVI e WooCommerce

[@pimadavide90]

SEI BRAVISSIMO! E MOLTO COMPETENTE

[@SandroTreglia]

Grazie Manuel per il Tutorial sei un grande 🙌 bravissimo 👍👍👍👍👍

[@ManuelSabatino]

Grazie a te per avermi dato lo spunto... ;) Ho visto che anche tu hai fatto bei progressi sul tuo sito complimenti!!

[@filipponivolino3100]

Buongiorno. Ho visto il tuo tutorial sul tema Divi. Ma se scarico il tema Divi poi posso avere anche un estensione sul tipo di settore es. agenzia pubblicitaria? Ho visto che tu hai scaricato dei template sul fashion

[@ManuelSabatino]

Se prendi la licenza di Divi ora trovi tutti i template all'interno. Prima andavano scaricati a parte ma dalla versione 3 è tutto incluso.

[@pietroborazio418]

Ciao Manuel e grazie per questo video, è stato davvero utile! Mi è stato dato in gestione un e-commerce costruito in precedenza e ho ottenuto ottimi risultati, calcolando da dove sono partita. Sono partita da PageSpeed Score 64 e sono arrivata a 88. YSlow Score da 49 a 64. Fully Loaded Time 6.7s (prima era circa 10s). Total Page Size 5.22MB (prima era circa 10MB). Requests 73 (prima erano 235). C'è ancora tanto da fare ma è già qualcosa. Ho installato Autoptimize, WP Fastest Cache, Smush (per ridurre la dimensione delle immagini senza toccare la qualità) e ho disinstallato i plugin inutilizzati. Se hai altri video o guide, raccoglierò i tuoi preziosi consigli. Grazie

[@VittorioDiRocco]

Ciao Manuel, grazie per il video! Avrei una domanda (abbi pazienza per l'ingenuità), tutte queste operazioni andrebbero fatte appena si inizia la costruzione del sito, durante o quando il sito è finito? Se dovessi fare delle modifiche o aggiunte di pagine in seguito, i plugin si aggiornano automaticamente o bisogna ogni volta ripetere le procedure elencate nel tuo video? Ti ringrazio in anticipo qualora potessi rispondermi. Buon proseguimento!

[@ManuelSabatino]

Ciao Vittorio, sia autoptimize che WP fastest cache vanno da soli una volta effettuata la configurazione iniziale. Considera però che se in futuro aggiungerai plugins e funzionalità al sito potresti dover ritoccare la configurazione di autoptimize. Ad esempio escludendo script esterni che causano problemi. Comunque è un'eventualità rara quindi per ora non ti preoccupare troppo... 😉👍 Grazie per il tuo commento

[@VittorioDiRocco]

@@ManuelSabatino Ma grazie mille per la tua pronta risposta. Purtroppo sono alle prime armi e ci sono così tante cose da imparare che senza un piccolo aiuto da un'esperto, da soli, ci si mette una vita. Approfitto per chiederti un'ultima cosa; dovrei caricare immagini con dimensioni appropriate per il cellulare, tablet e PC? Nel senso: con Astra, ho visto, che posso selezionare in responsive un'immagine diversa. Mi consigli di caricare per ognuna di queste (PC, Cell, Tablet) un'immagine con dimensioni appropriate?

[@ManuelSabatino]

@@VittorioDiRocco si se possibile è sempre meglio avere immagini dimensionate appropriatamente per i diversi dispositivi. Non ho esperienza con il tema Astra ma se ti permette di farlo è sicuramente una funzionalità che puoi sfruttare anche per migliorare la SEO oltre che l'esperienza dei tuoi utenti. Per la compressione delle immagini ti consiglio il plugin resmush.it impostando la qualità a 70.

[@VittorioDiRocco]

@@ManuelSabatino Fantastico grazie ! Si, nella sezione responsive ho la possibilità di caricare le immagini per ogni dispositivo. Ora faccio una prova e verifico le fattibilità. Ho sentito parlare di questo plugin, ottimo consiglio grazie. Ps. Secondo te ha senso di caricare questo plugin anche se al massimo sul sito ci saranno una decina di fotografie sotto ai 150kb massimo ognuna ?

[@ManuelSabatino]

Credo di sì. Soprattutto con l'ultimo aggiornamento di Google per i core web vitals avere immagini ottimizzate al massimo è un grande aiuto. Io lo uso anche con immagini lavorate da Photoshop e compresse appositamente per il web. Anche se la riduzione in termini di peso è poca il plugin cmq ottimizza il codice del file rendendolo più digeribile per i browser. In più resmush.it è leggerissimo e non pesa sul tuo server in quanto l'ottimizzazione viene eseguita dai loro server e una volta ottimizzate le foto puoi anche disattivarlo fino a che non ne carichi di nuove.

[@matteolocatelli9205]

ciao, vorrei farti una domanda. Divi nel suo pannello di settaggio generale presenta già le voci minimificazione di file javascript e css, in questo caso che si vanno ad installare plugin specifici, consigli di tenere spuntate queste voci? Grazie mille

[@ManuelSabatino]

Ciao Matteo, sì ti consiglio di tenere minificazione e ottimizzazione attivi nei plugins perché divi ottimizza solo il codice del tema mentre un plugin come autoptimize ottimizza anche il resto del codice dei vari plugins installati. Grazie per il tuo commento 👍

[@matteolocatelli9205]

@@ManuelSabatino grazie a te :)

[@matteolocatelli9205]

ne approfitto per farti anche una seconda domanda se posso... in tutti i siti che faccio con divi, a prescindere dagli interventi di ottimizzazione che faccio, gt metrix o google speed insight mi danno sempre valori molto bassi. Quasi sempre il problema più grande ce l'ho da mobile e l'errore più critico è questo: - Riduci il tempo di risposta iniziale del server Premesso che solitamente mi appoggio a server Aruba condivisi, cosa potrei fare per migliorare in questo punto?

[@ManuelSabatino]

@@matteolocatelli9205 puoi scegliere un server più performante, una soluzione dedicata con Aruba ad esempio, oppure un hosting gestito come kinsta o WP engine, l'hosting alla fine dei conti è sempre ciò che fa la differenza ed avere soluzioni professionali è sicuramente la scelta adeguata per qualsiasi progetto commerciale. L'hosting condiviso di Aruba può andare bene per iniziare un progetto amatoriale ma personalmente lo sconsiglio vivamente.

[@MatthewSkud]

Ciao Manuel bel video. Io vedo che ho sempre un punteggio di zero sul parametro Add Esporre headers. Ho un e-commerce su storefront, wpml e woocommerce

[@MatthewSkud]

Cosa posso fare?

[@ManuelSabatino]

Ciao Matthew grazie per il commento e per il supporto. Senza vedere il test di gtmetrix non so darti indicazioni precise ma considera che se gli expire headers si riferiscono a risorse esterne tipo scripts di facebook o Google fonts (ad esempio) non puoi farci molto... L'importante è che il sito carichi intorno ai 3secondi con un peso inferiore ai 5mb e un numero di richieste http intorno a 50. Quando raggiungi questi parametri anche se gtmetrix ti dà qualcosa in rosso puoi anche stare tranquillo ed ignorarli 😉👌 considera che non tutti i parametri del test sono applicabili a qualunque sito...

[@designgrafico8058]

ciao , premetto che anche io ho divi, ma per un sito che sto facendo sto utilizzando avada , io ho il sito su siteground è necessario installare un plugin oppure siteground con supercacher risolve? sai ho già installato troppi plugin (ah tra l'altro mi piacerebbe che tu facessi un video su quali plugin sono indispensabili (utilizzando nn divi perchè so che divi nn ha bisogno di molti plugin ) ma avada o altri temi grazie p risposta

[@ManuelSabatino]

Con siteground vai abbastanza sicuro, il loro hosting è decentemente veloce e supercacher fa il suo lavoro (per la mia esperienza) per quanto riguarda l'utilizzo con wordpress devi avere il terzo livello per prestazioni ottimali, in particolare con memcached se non l'hai già impostato dai un'occhiata qua it.siteground.com/tutorial/supercacher/wordpress-memcached/ fai i test di gtmetrix e lighthouse e se sei nel verde sei apposto! 😎 Soprattutto con temi come avada la quantità di plugin installati renderà il sito per forza di cose "più lento" quindi appena i test ti danno il verde non stressarti a raggiungere il "100". In generale comunque DIVI è "molto"pesante ed esoso in termini di risorse già di suo, quindi quello che funziona con Divi solitamente funziona "meglio" con altri temi (pro) se mi capita comunque farò anche video specifici per avada, elementor, thrive ed altri temi che uso. Grazie mille del commento e del supporto!!

[@designgrafico8058]

@@ManuelSabatino molte molte grazie!!! avevo dato un occhiata a memcached , grazie del link, adesso vedo come fare , spero nn sia troppo complicato .

[@ManuelSabatino]

praticamente è solo un pulsante "on/off" 😎👌

[@designgrafico8058]

@Manuel Sabatino scusa mi ero dimenticato di chiederti sempre domanda su hosting siteground, per trasferire su server in italia cè possibilità ma nn appare milano , solo london singapore e chicago, quindi nn cè il server a milano che tu sappia? sempre per velocizzare cosa pensi del servizo Cloudflare ? e se attivo l'opzione gratis aiuta la velocità ? o dici che è meglio usare quella a pagamento ? grazie Manuel

[@ManuelSabatino]

@@designgrafico8058 Ciao, di solito con server nello stesso continente cambia veramente poco, roba di decimi di millisecondo... e nel caso di poco traffico nazionale/continentale io non andrei a complicarmi la vita con una cdn specialmente se i test di velocità del sito sono intorno ai 2sec e sei nel verde! ;) Se ricevi traffico intercontinentale o comunque in volumi elevati, allora una cdn può aiutare parecchio. Cloudflare è inclusa con l'hosting di siteground è un po' "laboriosa" da installare ma loro hanno un ottimo tutorial qui it.siteground.com/tutorial/cloudflare/

[@filipponivolino3100]

Significa che se acquisto la licenza poso accedere a tutti i temi? Quanto costa?

[@ManuelSabatino]

Al momento so che è in sconto, trovi tutte le info qua bit.ly/licenza-divi

[@SandroTreglia]

Si infatti l’ho ottimizzato un po però ci sarebbe ancora tanto da migliorare 👍🤣

[@ManuelSabatino]

"non si finisce mai di... Ottimizzare!" Ahahahah 😂💪💪

[@filipponivolino3100]

Quindi va acquistata la licenza. Pensavo fosse free

[@ManuelSabatino]

No Divi è un tema PRO puoi scegliere la licenza annuale o la lifetime (un solo pagamento per sempre)