{"id":247112,"date":"2022-04-27T11:49:00","date_gmt":"2022-04-27T08:49:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=247112"},"modified":"2022-04-27T11:53:57","modified_gmt":"2022-04-27T08:53:57","slug":"tutti-i-36-modi-per-velocizzare-il-tuo-sito-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/it\/tutti-i-36-modi-per-velocizzare-il-tuo-sito-wordpress\/","title":{"rendered":"Tutti i 36 modi per velocizzare il tuo sito WordPress"},"content":{"rendered":"<p>\u00c8 follia l\u00e0 fuori.<\/p>\n<p>Non voglio essere cinico, ma ecco la verit\u00e0:<\/p>\n<p>La maggior parte dei post sui blog sull&#8217;accelerazione di WordPress sono un disastro.<\/p>\n<p>Nella parte superiore dell&#8217;elenco, includono suggerimenti che accelereranno solo il menu di amministrazione di 0,01 secondi o letteralmente non miglioreranno affatto le prestazioni.<\/p>\n<p>Quindi, in fondo, includono alcune delle tecniche di prestazioni pi\u00f9 efficaci disponibili.<\/p>\n<p>Sono solo pazzi. Ecco come \u00e8 organizzata la mia guida alle prestazioni&#8230;<\/p>\n<p><strong>Inizia con i passaggi ad alto impatto<\/strong>.<\/p>\n<p>Ho elencato prima i 9 modi pi\u00f9 efficaci per velocizzare il tuo sito. Questi sono di gran lunga i passaggi pi\u00f9 importanti che puoi eseguire per caricare il tuo sito pi\u00f9 velocemente.<\/p>\n<p>In effetti, se non usi nessuna tattica oltre i primi 9, starai bene.<\/p>\n<p>Successivamente, troverai 27 modi aggiuntivi per velocizzare WordPress. Ognuna di queste tattiche render\u00e0 il tuo sito un po&#8217; pi\u00f9 veloce accumulando i risultati che hai gi\u00e0 ottenuto.<\/p>\n<p>E c&#8217;\u00e8 un&#8217;altra cosa che dovresti sapere.<\/p>\n<p><strong>Queste sono le tattiche esatte che uso<\/strong><\/p>\n<p>Non sto elencando nessuna tattica qui che non sto usando in questo momento.<\/p>\n<p>In effetti, prima di scrivere questo post, mi sono inventato un enorme elenco di tecniche di esecuzione, incluse alcune cose che non avevo mai provato prima e le ho testate tutte.<\/p>\n<p>Competethemes.com si stava gi\u00e0 caricando rapidamente, ma dopo aver utilizzato tutte le tattiche di prestazione elencate di seguito, \u00e8 incredibilmente veloce.<\/p>\n<p>Ecco i risultati di <a href=\"https:\/\/gtmetrix.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">GTMetrix<\/a> :<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefd420ea8.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefd420ea8.png\" alt=\"Tutti i 36 modi per velocizzare il tuo sito WordPress\"><\/a><\/p>\n<p>La prima volta che ottengo il punteggio PageSpeed \u200b\u200bdel 100%<\/p>\n<p>E se utilizzo una posizione vicina in <a href=\"https:\/\/tools.pingdom.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Pingdom<\/a>, segnalano il caricamento del mio sito in soli 0,571 secondi.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefd6b7c86.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefd6b7c86.png\" alt=\"Tutti i 36 modi per velocizzare il tuo sito WordPress\"><\/a><\/p>\n<p>Alcuni benchmark rapidi prima di iniziare:<\/p>\n<ul>\n<li>&gt; Il tempo di caricamento di 3 secondi \u00e8 lento<\/li>\n<li>Il tempo di caricamento di 2-3 secondi \u00e8 buono<\/li>\n<li>Il tempo di caricamento di 1-2 secondi \u00e8 veloce<\/li>\n<li>Il tempo di caricamento 0-1s \u00e8 molto veloce<\/li>\n<\/ul>\n<p>Il tuo primo obiettivo dovrebbe essere quello di caricare il tuo sito in meno di tre secondi. \u00c8 molto importante raggiungere questo punto di riferimento o sei certo di avere visitatori che se ne vanno prima che il tuo sito finisca di caricare.<\/p>\n<p>Se implementi le prime 9 tattiche di seguito, non dovresti avere problemi a ottenere il tempo di caricamento al di sotto dei 3 secondi.<\/p>\n<p>Se vuoi che il tuo sito si carichi in solo 1 secondo, dovrai usare la maggior parte se non tutte le tattiche elencate qui ed <strong>\u00e8 un sacco di lavoro<\/strong>. Non ti biasimo se riduci qualche secondo con le tattiche 1-9 e chiami un giorno \ud83d\udc4d<\/p>\n<p>Probabilmente non vedi l&#8217;ora di iniziare ora, quindi ecco il passo pi\u00f9 importante che puoi compiere per velocizzare il tuo sito web.<\/p>\n<p>Questo post \u00e8 scandalosamente lungo! Probabilmente non lo finirai in una volta, quindi assicurati di aggiungere <strong>questa pagina<\/strong> ai <strong>segnalibri per dopo in<\/strong> modo da poter continuare a tornare mentre ottimizzi il tuo sito.<\/p>\n<h2>1 Passa a un host pi\u00f9 veloce<\/h2>\n<p>L&#8217;hosting \u00e8 la potenza del tuo sito.<\/p>\n<p>Con un hosting pi\u00f9 potente, l&#8217;intero sito verr\u00e0 caricato pi\u00f9 velocemente.<\/p>\n<p>Puoi implementare ogni altra tecnica con grande efficacia, ma funzioneranno tutte meglio con un host ad alte prestazioni. Inoltre, cambiare host in questi giorni \u00e8 davvero facile.<\/p>\n<p>Uso <a href=\"http:\/\/link.competethemes.com\/kinsta-cornerstone\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Kinsta<\/a> per i temi Compete e non posso consigliarli abbastanza.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefd91be35.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefd91be35.png\" alt=\"Tutti i 36 modi per velocizzare il tuo sito WordPress\"><\/a><\/p>\n<p>Oltre ai backup giornalieri automatizzati, alla bellissima dashboard utente e al supporto live chat davvero utile&#8230;<\/p>\n<p><strong>Faranno caricare il tuo sito velocemente.<\/strong><\/p>\n<p>Kinsta funziona cos\u00ec bene perch\u00e9 \u00e8 basato sull&#8217;infrastruttura cloud di Google.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefdbeca28.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefdbeca28.png\" alt=\"Tutti i 36 modi per velocizzare il tuo sito WordPress\"><\/a><\/p>\n<p>Normalmente, questo tipo di tecnologia specializzata \u00e8 disponibile solo per le aziende a causa dei costi e della difficolt\u00e0 di implementazione, ma Kinsta si occupa di tutto questo per voi. Ottieni solo prestazioni incredibili.<\/p>\n<p>Uso Kinsta da sei mesi ed ero gi\u00e0 soddisfatto del loro servizio quando hanno <a href=\"https:\/\/kinsta.com\/blog\/boosting-wordpress-performance\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">aumentato in<\/a> modo casuale <a href=\"https:\/\/kinsta.com\/blog\/boosting-wordpress-performance\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">le prestazioni di tutti del 30-200%<\/a> un paio di settimane fa.<\/p>\n<p>Dopo quasi un decennio di esecuzione di siti Web WordPress, non ho mai avuto un host che lo facesse.<\/p>\n<p><a href=\"http:\/\/link.competethemes.com\/kinsta-cornerstone\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Dai un&#8217;occhiata a Kinsta \u2192<\/a><\/p>\n<p>L&#8217;hosting \u00e8 la base delle prestazioni del tuo sito, quindi se salti tutto il resto, assicurati di eseguire correttamente questo passaggio.<\/p>\n<p>La prossima cosa pi\u00f9 importante che puoi fare per velocizzare il tuo sito WP \u00e8 aggiungere la memorizzazione nella cache.<\/p>\n<h2>2 Aggiungi cache<\/h2>\n<p>Quanto fa 9.027 diviso 17?<\/p>\n<p>Per rispondere a questa domanda, devi estrarre una calcolatrice, inserire i numeri e quindi puoi dire con sicurezza la risposta che \u00e8 531.<\/p>\n<p>Ora ti chiedo di nuovo, quanto fa 9.027 diviso 17?<\/p>\n<p>Questa volta conoscevi la risposta all&#8217;istante perch\u00e9 l&#8217;avevi conservata nella tua memoria.<\/p>\n<p>Ecco com&#8217;\u00e8 la memorizzazione nella cache.<\/p>\n<p>Quando qualcuno visita il tuo sito web, esegue una serie di processi per generare la pagina. Senza memorizzazione nella cache, questo accade ogni volta che qualcuno visita il tuo sito web. \u00c8 come usare una calcolatrice per ottenere la risposta pi\u00f9 e pi\u00f9 volte.<\/p>\n<p>Come puoi capire, questo \u00e8 estremamente dispendioso.<\/p>\n<p>Con la memorizzazione nella cache, il tuo sito genera una pagina una volta e poi la salva proprio come hai salvato il numero 531 nella tua memoria. Quindi, quando qualcuno visita di nuovo il tuo sito, la copia memorizzata nella cache viene servita immediatamente senza dover eseguire tutti i processi originariamente utilizzati per creare la pagina.<\/p>\n<p>Ha senso?<\/p>\n<p>Ora parliamo di come sfruttare questa tecnologia sul tuo sito web.<\/p>\n<h3>Come aggiungere la cache al tuo sito<\/h3>\n<p>Prima di tutto, il tuo host potrebbe fornire la memorizzazione nella cache integrata. Questo \u00e8 vero per Kinsta e molti altri host ad alte prestazioni. Quindi potresti aver gi\u00e0 aggiunto la cache.<\/p>\n<p>Se il tuo host non fornisce la memorizzazione nella cache, ci sono molti plugin tra cui scegliere. Secondo me, l&#8217;opzione migliore \u00e8 <a href=\"http:\/\/link.competethemes.com\/wp-rocket-cornerstone-performance\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WP Rocket<\/a>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefddf0086.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefddf0086.png\" alt=\"Tutti i 36 modi per velocizzare il tuo sito WordPress\"><\/a><\/p>\n<p>WP Rocket offre una memorizzazione nella cache ultraveloce e un sacco di altre ottimizzazioni delle prestazioni. Far\u00f2 riferimento a questo plugin un centinaio di volte in pi\u00f9 in questo post, quindi vedrai tutto ci\u00f2 che pu\u00f2 fare.<\/p>\n<p>Anche se Kinsta fornisce la memorizzazione nella cache, utilizzo anche WP Rocket a causa degli altri strumenti per le prestazioni inclusi.<\/p>\n<p>Puoi seguire il mio tutorial di installazione di WP Rocket per iniziare:<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/aG5uFiWjsU4\" frameborder=\"0\"><\/iframe><\/div>\n<p><a href=\"http:\/\/link.competethemes.com\/wp-rocket-cornerstone-performance\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Dai un&#8217;occhiata a WP Rocket \u2192<\/a><\/p>\n<p>Se desideri un&#8217;alternativa gratuita, ti consiglio <a href=\"https:\/\/wordpress.org\/plugins\/wp-super-cache\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WP Super Cache<\/a> se desideri qualcosa di facile da usare e <a href=\"https:\/\/wordpress.org\/plugins\/w3-total-cache\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">W3 Total Cache<\/a> se desideri opzioni pi\u00f9 avanzate.<\/p>\n<p>L&#8217;hosting e la memorizzazione nella cache ad alte prestazioni sono sicuramente le caratteristiche di velocit\u00e0 pi\u00f9 importanti di cui il tuo sito ha bisogno. Detto ci\u00f2\u2026<\/p>\n<p>\u00c8 rimasta solo una cosa che pu\u00f2 far deragliare completamente la tua performance.<\/p>\n<h3>DEVI usare questi tre passaggi successivi<\/h3>\n<p>Una volta configurata la memorizzazione nella cache, rivolgi la tua attenzione alle immagini del tuo sito.<\/p>\n<p>Se non ottimizzi le tue immagini, il tuo sito non raggiunger\u00e0 mai tempi di caricamento di 2-3 secondi, non otterrai mai un <a href=\"https:\/\/www.edgeoftheweb.co.uk\/blog\/importance-of-page-speed\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">punteggio PageSpeed \u200b\u200bottimizzato<\/a>.<\/p>\n<p>Le immagini possono essere un enorme trascinamento sui tempi di caricamento, quindi sto includendo i tre modi in cui puoi ottimizzarle qui.<\/p>\n<p>Il primo modo per ottimizzare le tue immagini \u00e8 comprimerle.<\/p>\n<h2>3 Comprimi le tue immagini<\/h2>\n<p>I moderni algoritmi di compressione delle immagini sono sorprendenti.<\/p>\n<p>Possono ridurre la dimensione del file di un&#8217;immagine del 70% senza alterarne la qualit\u00e0 in modo evidente. Il punto \u00e8 che puoi caricare tutte le immagini sul tuo sito molto pi\u00f9 velocemente senza degradarne la qualit\u00e0. Non c&#8217;\u00e8 nessun aspetto negativo &#8211; sul serio!<\/p>\n<p>Quando si tratta di ottimizzazione delle immagini, il mio plugin preferito \u00e8 <a href=\"http:\/\/link.competethemes.com\/optimole-cornerstone\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Optimole<\/a>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefe08dc73.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefe08dc73.png\" alt=\"Tutti i 36 modi per velocizzare il tuo sito WordPress\"><\/a><\/p>\n<p>Imparerai di pi\u00f9 su Optimole nei prossimi due passaggi, ma ecco cosa devi sapere prima:<\/p>\n<p>Optimole utilizza un algoritmo di compressione molto efficace per comprimere le tue immagini fino a una frazione della loro precedente dimensione del file. Ci\u00f2 che \u00e8 ancora meglio \u00e8 che \u00e8 cos\u00ec facile da usare.<\/p>\n<p>Altri plugin per l&#8217;ottimizzazione delle immagini modificano le immagini sul tuo sito e utilizzano le risorse del tuo server. Optimole non tocca i tuoi originali: copiano le tue immagini sul loro server e poi le ottimizzano l\u00ec. Ci\u00f2 mantiene organizzata la tua libreria multimediale e il tuo sito non verr\u00e0 rallentato quando le immagini vengono compresse.<\/p>\n<p>Se vuoi imparare come configurare Optimole sul tuo sito, puoi seguire il mio video completo:<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/iZwliEUen2A\" frameborder=\"0\"><\/iframe><\/div>\n<p>Un&#8217;ottima alternativa \u00e8 il plugin <a href=\"https:\/\/wordpress.org\/plugins\/shortpixel-image-optimiser\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">ShortPixel<\/a>. \u00c8 un po&#8217; pi\u00f9 di lavoro da configurare, ma \u00e8 comunque abbastanza facile da usare.<\/p>\n<p>Ho usato felicemente ShortPixel su questo sito per anni e sono passato a Optimole solo per questa prossima tattica.<\/p>\n<h2>4 Ridimensiona le tue immagini<\/h2>\n<p>Fate molta attenzione perch\u00e9 i dettagli sono fondamentali.<\/p>\n<p>Ecco la grande idea:<\/p>\n<p><strong>Pi\u00f9 grandi sono le dimensioni di un&#8217;immagine, maggiore sar\u00e0 la dimensione del file.<\/strong><\/p>\n<p>Ad esempio, un&#8217;immagine di 3.000 px di larghezza potrebbe essere 900 kb, ma se ridimensionata a 600 px di larghezza \u00e8 solo 60 kb. Questa \u00e8 una riduzione di 15 volte della dimensione del file!<\/p>\n<p>Ecco perch\u00e9 \u00e8 cos\u00ec importante.<\/p>\n<p>Le immagini in questo post del blog visualizzeranno solo 600 px di larghezza al massimo. Eseguendo il mio esempio, questa immagine \u00e8 stata ridimensionata a 600 px di larghezza ed \u00e8 solo 60 kb.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefe3261e3.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefe3261e3.jpg\" alt=\"Tutti i 36 modi per velocizzare il tuo sito WordPress\"><\/a><\/p>\n<p>Se non ridimensionassi l&#8217;immagine e usassi la versione da 3.000 px, in questo post verrebbe comunque visualizzata solo come 600 px di larghezza. L&#8217;immagine ti sembrerebbe la stessa, ma il caricamento richiederebbe 15 volte pi\u00f9 tempo.<\/p>\n<p>In altre parole, ridimensionare correttamente le tue immagini prima di inserirle nei tuoi post pu\u00f2 fare una grande differenza nella velocit\u00e0 di caricamento del tuo sito.<\/p>\n<p>Ecco il problema.<\/p>\n<p>Probabilmente non sai esattamente quanto sono larghe le tue immagini nei tuoi post. Inoltre, i dispositivi mobili rendono questo modo pi\u00f9 complicato. Quando si tratta di dimensioni dello schermo, se consideriamo tutti i diversi monitor e dispositivi mobili, ce ne sono letteralmente migliaia di cui tenere conto.<\/p>\n<p>Se vuoi offrire immagini di dimensioni perfette per i tuoi visitatori, <strong>devono essere ridimensionate in modo dinamico<\/strong> ed \u00e8 per questo che ho iniziato a utilizzare Optimole.<\/p>\n<p>Optimole <strong>genera automaticamente versioni perfettamente dimensionate<\/strong> delle tue immagini. Se qualcuno visita il tuo sito e l&#8217;immagine viene visualizzata a 400 px di larghezza, Optimole fornisce loro una versione di quell&#8217;immagine di 400 px di larghezza.<\/p>\n<p>Un altro visitatore potrebbe atterrare sulla pagina un secondo dopo utilizzando un tablet che visualizza l&#8217;immagine a 510 px di larghezza e Optimole caricher\u00e0 una copia diversa dell&#8217;immagine che \u00e8 esattamente 510 px di larghezza.<\/p>\n<p>I guadagni in termini di prestazioni che ne ottieni sono enormi e la parte migliore \u00e8 che non devi fare altro che installare il plugin Optimole. Funziona nel momento in cui lo attivi senza nemmeno toccare alcuna impostazione. \u00c8 fantastico!<\/p>\n<p><a href=\"http:\/\/link.competethemes.com\/optimole-cornerstone\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Prova Optimole sul tuo sito \u2192<\/a><\/p>\n<p>C&#8217;\u00e8 un altro modo per ottimizzare le immagini sul tuo sito che pu\u00f2 potenzialmente fare una grande differenza.<\/p>\n<h2>5 Lazy carica le tue immagini<\/h2>\n<p>Questo post sul blog \u00e8 davvero lungo e contiene molte immagini.<\/p>\n<p>Se hai letto fino a questo punto, probabilmente sei stato su questa pagina per almeno un minuto. Sapendo questo, quanto sarebbe stupido farti caricare tutte le immagini nell&#8217;intero post quando hai caricato per la prima volta questa pagina? Non hai ancora raggiunto molte immagini, quindi non \u00e8 necessario caricarle ancora.<\/p>\n<p>Con il <a href=\"https:\/\/www.competethemes.com\/blog\/wordpress-lazy-load-images\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">caricamento lento<\/a>, vengono caricate solo le immagini che appaiono sullo schermo. Quindi, scorrendo la pagina verso il basso, le immagini rimanenti vengono caricate non appena vengono visualizzate sullo schermo.<\/p>\n<p>Ho realizzato una visualizzazione in questo video che illustra come funziona in modo pi\u00f9 chiaro di quanto possa spiegare con la scrittura:<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/suKQowa2JXQ\" frameborder=\"0\"><\/iframe><\/div>\n<p>Ora che hai capito come funziona il caricamento lento, parliamo dell&#8217;implementazione.<\/p>\n<h3>Come aggiungere il caricamento lento<\/h3>\n<p>Aggiungere il caricamento lento \u00e8 davvero facile, quindi \u00e8 una tattica indispensabile secondo me.<\/p>\n<p>Innanzitutto, se hai installato Optimole, aggiunge automaticamente il caricamento lento, quindi hai gi\u00e0 finito con questa tattica.<\/p>\n<p>In secondo luogo, se non stai utilizzando Optimole ma hai deciso di utilizzare WP Rocket, seleziona questa casella qui nelle impostazioni:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefe5da191.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefe5da191.png\" alt=\"Tutti i 36 modi per velocizzare il tuo sito WordPress\"><\/a><\/p>\n<p>Infine, se non utilizzerai nessuno di questi due plugin, installa <a href=\"https:\/\/wordpress.org\/plugins\/a3-lazy-load\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">a3 Lazy Load<\/a>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefe866cf8.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefe866cf8.png\" alt=\"Tutti i 36 modi per velocizzare il tuo sito WordPress\"><\/a><\/p>\n<p>a3 Lazy Load \u00e8 un ottimo plugin e include molte opzioni di configurazione.<\/p>\n<p>Sui post del blog come questo, il caricamento lento \u00e8 cos\u00ec importante. \u00c8 una delle mie ottimizzazioni delle prestazioni preferite.<\/p>\n<p>Le prossime due ottimizzazioni vanno di pari passo e sono particolarmente importanti per i siti Web WordPress.<\/p>\n<h2>6 Minimizza i tuoi file<\/h2>\n<p>Hai appena imparato che comprimere le tue immagini le fa caricare pi\u00f9 velocemente perch\u00e9 le immagini compresse hanno una dimensione del file pi\u00f9 piccola.<\/p>\n<p>A volte ci riferiamo alla dimensione del file come peso, quindi la compressione di un&#8217;immagine ne riduce il peso.<\/p>\n<p>La grande idea \u00e8 che <strong>ridurre il peso del tuo sito lo fa caricare pi\u00f9 velocemente<\/strong>. Ci\u00f2 significa che vuoi ridurre la dimensione del file di ogni file caricato dal tuo sito web.<\/p>\n<p>Oltre alle immagini, il tuo sito Web carica file CSS, file Javascript e file di caratteri tra gli altri tipi di file. Mantieni quel pensiero solo per un momento e parliamo di minimizzazione.<\/p>\n<p>La minificazione \u00e8 un termine di programmazione di fantasia che fondamentalmente significa compressione per file basati su testo. Comprimi le immagini e minimizzi i file. Per i nostri scopi, non abbiamo bisogno di ottenere ulteriori dettagli.<\/p>\n<p>Proprio come hai compresso le tue immagini, puoi minimizzare i tuoi file CSS e Javascript (e HTML) per ridurli e ridurre il peso della pagina.<\/p>\n<h3>Come minimizzare i file<\/h3>\n<p>Ancora una volta, aggiungere la minificazione al tuo sito \u00e8 semplice.<\/p>\n<p>Con WP Rocket, ci sono caselle di controllo per abilitare la minimizzazione per CSS, JS e HTML.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefea81ef6.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefea81ef6.png\" alt=\"Tutti i 36 modi per velocizzare il tuo sito WordPress\"><\/a><\/p>\n<p>Minimizzare i tuoi file CSS con WP Rocket \u00e8 semplice<\/p>\n<p>Questo \u00e8 tutto ci\u00f2 che devi fare.<\/p>\n<p>La minimizzazione \u00e8 cos\u00ec importante per i siti WordPress perch\u00e9 probabilmente hai almeno sei plugin e un tema che carica i file sul tuo sito. Molte volte, gli sviluppatori non minimizzano i file da soli, quindi WP Rocket si occupa di questo per te.<\/p>\n<p>Se desideri un&#8217;alternativa gratuita per la minimizzazione, dai un&#8217;occhiata al plugin <a href=\"https:\/\/wordpress.org\/plugins\/autoptimize\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Autoptimize<\/a>.<\/p>\n<h2>7 Concatena i tuoi file<\/h2>\n<p>Concatenare \u00e8 un altro termine tecnico che significa &quot;combinare&quot;.<\/p>\n<p>Quando concateni i file, li combini.<\/p>\n<p>Ancora una volta, dal momento che hai tutti questi plugin sul tuo sito per caricare i file, \u00e8 importante usare un plugin come WP Rocket per combinarli nel minor numero possibile di file. Ecco perch\u00e9\u2026<\/p>\n<p>Hai imparato che la riduzione del peso della tua pagina ne velocizza il caricamento, ma c&#8217;\u00e8 un altro importante fattore di prestazioni da ottimizzare per: le richieste HTTP.<\/p>\n<p>So che questo post sta diventando piuttosto tecnico, quindi lo terr\u00f2 il pi\u00f9 semplice possibile.<\/p>\n<p>Ogni file caricato richiede una richiesta HTTP. Ogni immagine, file JS, file CSS, ecc. Richiedono tutti una richiesta HTTP.<\/p>\n<p>Il tuo sito web ha un numero fisso di richieste HTTP che pu\u00f2 gestire contemporaneamente, quindi c&#8217;\u00e8 un effetto di collo di bottiglia che si verifica durante il caricamento dei file. Per questo motivo, meno richieste HTTP fa il tuo sito, pi\u00f9 veloce sar\u00e0 il caricamento.<\/p>\n<p>Ad esempio, se il tuo sito web ha 5 file CSS che sono tutti grandi 5kb, si caricher\u00e0 pi\u00f9 velocemente se li combini in un unico file CSS che \u00e8 grande 25kb.<\/p>\n<p>Con la minimizzazione, riduciamo il peso dei file del tuo sito, quindi con la concatenazione li combiniamo per ridurre le richieste HTTP.<\/p>\n<h3>Come aggiungere la concatenazione<\/h3>\n<p>Possiamo anche rivolgerci al plugin WP Rocket per questa ottimizzazione.<\/p>\n<p>Sono presenti caselle di controllo per concatenare file CSS e file JS.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefed5a1a3.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefed5a1a3.png\" alt=\"Tutti i 36 modi per velocizzare il tuo sito WordPress\"><\/a><\/p>\n<p>Devi solo selezionare entrambe le caselle, salvare le modifiche e il gioco \u00e8 fatto.<\/p>\n<p>Queste opzioni sono disponibili anche nel plugin Autoptimize.<\/p>\n<p>Questo prossimo suggerimento potrebbe sorprenderti, ma secondo me \u00e8 un&#8217;altra ottimizzazione indispensabile.<\/p>\n<h2>8 Caricare file con un CDN<\/h2>\n<p>Internet \u00e8 magia.<\/p>\n<p>Destra?<\/p>\n<p>Ma davvero, no, non lo \u00e8.<\/p>\n<p>\u00c8 una rete di computer e le connessioni in questa rete sono tutte fisiche.<\/p>\n<p>Potrebbe sembrare strano pensarci, ma la distanza tra il server in cui \u00e8 archiviato il contenuto del tuo sito e la posizione di un visitatore \u00e8 molto importante.<\/p>\n<p>Se il tuo server si trova a New York e qualcuno da Tokyo visita il tuo sito web, ci vorr\u00e0 pi\u00f9 tempo prima che i file arrivino a loro rispetto a quando qualcun altro a New York ti visita.<\/p>\n<p>Ho detto che era strano pensarci<\/p>\n<p>E se conservassi una copia del tuo sito anche su un server a Tokyo? Allora non si caricherebbe pi\u00f9 velocemente per i visitatori in Giappone?<\/p>\n<p>S\u00ec!<\/p>\n<p>Ed \u00e8 esattamente ci\u00f2 che fa un CDN.<\/p>\n<p>CDN \u00e8 l&#8217;acronimo di Content Delivery Network ed \u00e8 essenzialmente una rete di server che memorizzano copie cache del tuo sito Web in tutto il mondo.<\/p>\n<p>In questo modo, indipendentemente da dove si trovi qualcuno quando visita, c&#8217;\u00e8 un server vicino a loro per fornire i contenuti del tuo sito.<\/p>\n<p>Quando attivi per la prima volta un CDN, potrebbe non sembrare utile se vivi vicino al server di origine del tuo host. La cosa pi\u00f9 importante \u00e8 la velocit\u00e0 di caricamento del sito Web per il resto del mondo.<\/p>\n<h3>Come aggiungere un CDN al tuo sito<\/h3>\n<p>Ci sono alcune solide opzioni per aggiungere un CDN al tuo sito.<\/p>\n<p>Innanzitutto, se vi siete registrati con Kinsta, potete utilizzare il loro CDN integrato. Tutto quello che devi fare \u00e8 abilitarlo dal menu.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefefad464.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefefad464.png\" alt=\"Tutti i 36 modi per velocizzare il tuo sito WordPress\"><\/a><\/p>\n<p>Anche se utilizzo Kinsta, utilizzo <a href=\"https:\/\/www.cloudflare.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">il CDN di Cloudflare<\/a> che \u00e8 disponibile nel loro piano tariffario gratuito. Uso il CDN di Cloudflare perch\u00e9 uso anche il loro firewall per bloccare molto traffico di bot che questo sito stava ricevendo.<\/p>\n<p>Configurare Cloudflare \u00e8 piuttosto semplice e offre una serie di altri vantaggi. Puoi <a href=\"https:\/\/kinsta.com\/knowledgebase\/install-cloudflare\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">seguire i passaggi qui<\/a> per utilizzare Cloudflare per il tuo sito.<\/p>\n<p>Esistono altri CDN a pagamento popolari oltre a Cloudflare, ma non ne ho provato nessuno personalmente, quindi non posso dare ulteriori consigli.<\/p>\n<p>Ho solo un altro potenziamento delle prestazioni per te prima di tutti gli extra.<\/p>\n<h2>9 Scegli un tema veloce<\/h2>\n<p>Ok, devo ammettere che quest&#8217;ultimo suggerimento \u00e8 un po&#8217; diverso.<\/p>\n<p>Molti blogger di WP ti diranno di scegliere un tema che si carica velocemente, ma come sviluppatore di temi, lascia che ti spieghi come funziona effettivamente.<\/p>\n<p>Un tema WordPress non velocizzer\u00e0 il tuo sito. Piuttosto, stai cercando uno che non rallenti il \u200b\u200btuo sito. Detto questo, a meno che il tema non sia davvero mal realizzato, non rallenter\u00e0 molto il tuo sito se stai usando le tattiche che ho elencato sopra. Spiegher\u00f2.<\/p>\n<p>Con tutti i <a href=\"https:\/\/www.competethemes.com\/themes\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">miei temi<\/a>, carico il minimo indispensabile pur continuando a creare un&#8217;esperienza utente elegante e moderna. Ci\u00f2 significa che i temi vengono caricati solo:<\/p>\n<ul>\n<li>Un file CSS<\/li>\n<li>Un file Javascript minimizzato<\/li>\n<li>Una richiesta di Google Fonts<\/li>\n<li>Il carattere dell&#8217;icona Font Awesome (per le icone social)<\/li>\n<\/ul>\n<p>Senza sacrificare il design (come l&#8217;utilizzo di un font di sistema), questo \u00e8 il minimo possibile per un tema.<\/p>\n<p>Non tutti i temi sono cos\u00ec ottimizzati, ma non \u00e8 necessariamente un problema. Questo perch\u00e9 anche se il tuo tema non \u00e8 ben ottimizzato e carica due file CSS e tre file Javascript e nessuno di essi viene minimizzato, un plugin come WP Rocket li concatener\u00e0 e li minimizzer\u00e0 comunque per te, quindi il risultato finale \u00e8 praticamente lo stesso.<\/p>\n<p>Fondamentalmente, \u00e8 improbabile che il tuo tema rallenti molto il tuo sito se utilizzi le strategie di rendimento elencate sopra.<\/p>\n<p>Scegli un tema da uno sviluppatore rispettabile e le prestazioni del tema non saranno un problema.<\/p>\n<h2>Ottimizzazioni aggiuntive<\/h2>\n<p>Wow!<\/p>\n<p>Questo post \u00e8 gi\u00e0 molto pi\u00f9 lungo di quanto mi aspettassi e, se sei arrivato fino a questo punto, spero che tu sia entusiasta di imparare ancora di pi\u00f9 sull&#8217;ottimizzazione delle prestazioni.<\/p>\n<p>Nel resto di questo post, tratter\u00f2 ottimizzazioni pi\u00f9 specifiche e tecniche. Ho reso questi suggerimenti il \u200b\u200bpi\u00f9 adatti ai principianti possibile. Alcuni sono facili da implementare ma ad essere onesti, alcuni sono molto avanzati ed \u00e8 proprio cos\u00ec che deve essere \ud83e\udd37\u200d\u2642\ufe0f<\/p>\n<p>Usane il pi\u00f9 possibile sul tuo sito e ricorda, se hai implementato le prime 9 tattiche e stai seguendo <a href=\"https:\/\/webtrainingwheels.com\/7-simple-wordpress-performance-test-best-practices\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">le migliori pratiche di rendimento,<\/a> allora hai gi\u00e0 ottenuto la parte del leone dei risultati.<\/p>\n<h3>10 Rinviare Javascript<\/h3>\n<p>Se usi solo una tattica dal resto di questo elenco, usa questa.<\/p>\n<p>Senza perdersi troppo nei dettagli tecnici, l&#8217;ordine in cui carichi i file sul tuo sito \u00e8 molto importante. Questo concetto \u00e8 chiamato ottimizzazione del percorso di rendering.<\/p>\n<p>L&#8217;idea \u00e8 che il CSS del tuo sito debba essere caricato per primo perch\u00e9 il tuo sito web sar\u00e0 uno schermo bianco vuoto fino a quando ci\u00f2 non accadr\u00e0. Per quanto riguarda i file Javascript, sono probabilmente utilizzati per cose come l&#8217;analisi che non devono essere caricate subito.<\/p>\n<p>Invece di mantenere una pagina bianca vuota durante il caricamento di JS, rimandi i file JS fino a quando tutto il resto sul tuo sito non \u00e8 stato caricato. In questo modo, il tuo sito si carica nello stesso lasso di tempo ma viene visualizzato visivamente prima, il che lo fa apparire pi\u00f9 velocemente.<\/p>\n<p>Il concetto \u00e8 piuttosto avanzato, ma ancora una volta non cos\u00ec difficile da implementare.<\/p>\n<h4>Come rinviare Javascript<\/h4>\n<p>Ti piacer\u00e0 questo.<\/p>\n<p>Per quanto avanzata sia la tattica, tutto ci\u00f2 che devi fare \u00e8 selezionare una casella nelle impostazioni di WP Rocket.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeff204f62.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeff204f62.png\" alt=\"Tutti i 36 modi per velocizzare il tuo sito WordPress\"><\/a><\/p>\n<p>A meno che tu non sappia cosa stai facendo, ti consiglio vivamente di lasciare selezionata anche l&#8217;opzione &quot;Modalit\u00e0 provvisoria&quot;.<\/p>\n<p>C&#8217;\u00e8 anche un modo per ottimizzare il tuo CSS per il percorso di rendering.<\/p>\n<h3>11 Ottimizza la consegna CSS<\/h3>\n<p>Proprio come Javascript, CSS blocca il rendering, quindi possiamo rimandarlo anche per prestazioni migliori.<\/p>\n<p>Ora so cosa stai pensando: non abbiamo semplicemente posticipato JS in modo che il CSS potesse essere caricato, e ora stiamo rinviando anche il CSS??<\/p>\n<p>Ecco cosa sta succedendo&#8230;<\/p>\n<p>Per rimuovere i CSS che bloccano la visualizzazione, inserirai in linea il CSS fondamentale utilizzato per definire lo stile delle parti del tuo sito che vengono visualizzate immediatamente. Quindi il resto del CSS del tuo sito viene caricato in un secondo momento. Ancora una volta, questo significa che il tuo sito viene visualizzato visivamente anche prima.<\/p>\n<p>Questa \u00e8 una tattica molto avanzata e di cui non mi preoccuperei nemmeno se WP Rocket non l&#8217;avesse resa cos\u00ec dannatamente facile.<\/p>\n<h4>Come ottimizzare la consegna CSS<\/h4>\n<p>Probabilmente ti stai abituando a questo ora&#8230;<\/p>\n<p>Tutto quello che devi fare per ottimizzare la tua consegna CSS con WP Rocket \u00e8 selezionare questa casella:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeff4339e0.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeff4339e0.png\" alt=\"Tutti i 36 modi per velocizzare il tuo sito WordPress\"><\/a><\/p>\n<p>WP Rocket genera quindi il CSS critico necessario per ogni pagina e lo inserisce nell&#8217;HTML. Il resto del CSS viene quindi rinviato.<\/p>\n<p>Non proverei mai a farlo manualmente, quindi \u00e8 un&#8217;ottimizzazione killer aver automatizzato in questo modo.<\/p>\n<p>Successivamente, ho altre due vittorie veloci per velocizzare il tuo sito.<\/p>\n<h3>12 Disattiva il supporto per le emoji di WordPress<\/h3>\n<p>WordPress ha aggiunto il supporto per le emoji nella versione 4.2.<\/p>\n<p>Per garantire che gli emoji funzionino sul tuo sito, WordPress carica un piccolo file Javascript su ogni pagina del tuo sito. Ecco la cosa&#8230;<\/p>\n<p>In realt\u00e0 non abbiamo bisogno di questo file per il supporto emoji perch\u00e9 praticamente ogni dispositivo ha gi\u00e0 un font emoji installato. Ad esempio, ho rimosso il supporto per le emoji da questo sito, ma continui a vedere le emoji perch\u00e9 sul tuo dispositivo sono installate \ud83d\udc4d<\/p>\n<p>Rimuovendo il supporto emoji, il tuo sito non caricher\u00e0 pi\u00f9 il file Javascript aggiuntivo rendendolo un po&#8217; pi\u00f9 veloce.<\/p>\n<p>Puoi selezionare questa casella in WP Rocket per rimuovere il supporto per le emoji:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeff6cba65.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeff6cba65.png\" alt=\"Tutti i 36 modi per velocizzare il tuo sito WordPress\"><\/a><\/p>\n<p>Il plugin <a href=\"https:\/\/wordpress.org\/plugins\/disable-emojis\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Disable Emojis<\/a> \u00e8 un&#8217;alternativa semplice e gratuita.<\/p>\n<h3>13 Disabilitare gli incorporamenti di WordPress<\/h3>\n<p>Quando incolli un link da Twitter in un post, WordPress creer\u00e0 automaticamente una bella casella di incorporamento.<\/p>\n<p>\u00c8 bello, ma ci\u00f2 che mi infastidisce \u00e8 che lo fa anche quando si incollano collegamenti a siti WordPress come questo. Non uso mai questa funzione, quindi preferisco disabilitarla.<\/p>\n<p>Poich\u00e9 WordPress carica un file Javascript aggiuntivo per questa funzione di incorporamento, rimuovendolo si riduce il peso della pagina e si elimina un&#8217;altra richiesta HTTP.<\/p>\n<p>WP Rocket ha un&#8217;altra casella di controllo per aggiungere facilmente questa ottimizzazione al tuo sito.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeff8d7260.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeff8d7260.png\" alt=\"Tutti i 36 modi per velocizzare il tuo sito WordPress\"><\/a><\/p>\n<p>\u00c8 una piccola ottimizzazione, ma ogni cosa aiuta.<\/p>\n<h3>14 Aggiorna la tua versione PHP<\/h3>\n<p>I linguaggi di programmazione moderni sono sorprendentemente veloci.<\/p>\n<p>La maggior parte delle tattiche prestazionali non ha nulla a che fare con la velocit\u00e0 di esecuzione del codice sul tuo sito. Piuttosto, stiamo ottimizzando la velocit\u00e0 con cui i contenuti del tuo sito web vengono consegnati al dispositivo del visitatore. Questa \u00e8 la parte che richiede tempo.<\/p>\n<p>Questa tattica \u00e8 diversa perch\u00e9 in realt\u00e0 accelera la velocit\u00e0 di esecuzione del codice sul tuo sito.<\/p>\n<p>Le versioni pi\u00f9 recenti di PHP stanno diventando pi\u00f9 veloci, ma se stai ancora utilizzando PHP 5, vedrai enormi guadagni passando alla 7.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeffae27ad.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeffae27ad.png\" alt=\"Tutti i 36 modi per velocizzare il tuo sito WordPress\"><\/a><\/p>\n<p>Immagine per gentile concessione di Kinsta<\/p>\n<p>\u00c8 importante capire che raddoppiare la velocit\u00e0 del PHP del tuo sito non far\u00e0 caricare il tuo sito due volte pi\u00f9 velocemente. Rende solo il codice PHP due volte pi\u00f9 veloce che \u00e8 probabilmente una piccola parte del tempo di caricamento del tuo sito.<\/p>\n<p>Detto questo, \u00e8 potenzialmente un guadagno di prestazioni molto semplice ed \u00e8 anche migliore per la sicurezza e la compatibilit\u00e0 dei plug-in.<\/p>\n<h4>Come aggiornare la tua versione di PHP<\/h4>\n<p>Ecco qualcosa che ho imparato nel corso degli anni.<\/p>\n<p>Le societ\u00e0 di hosting di qualit\u00e0 inferiore utilizzano versioni obsolete di PHP e le migliori societ\u00e0 di hosting rimangono aggiornate con le versioni di PHP.<\/p>\n<p>L&#8217;aggiornamento alla versione pi\u00f9 recente di PHP velocizzer\u00e0 il tuo sito e, a seconda del tuo host, dovrebbe essere davvero facile da fare.<\/p>\n<p>Ad esempio, Kinsta ha un&#8217;opzione nella dashboard che puoi usare per cambiare la tua versione di PHP con un clic.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeffd45658.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eeffd45658.png\" alt=\"Tutti i 36 modi per velocizzare il tuo sito WordPress\"><\/a><\/p>\n<p>Il tuo host controlla la versione di PHP eseguita dal tuo sito e quanto \u00e8 facile aggiornarlo. Controlla il tuo pannello di controllo e dovresti trovare un&#8217;opzione l\u00ec per aggiornare.<\/p>\n<h3>15 Riduci i plugin<\/h3>\n<p>I plugin rallentano il tuo sito?<\/p>\n<p>Una specie di. \u00c8 complicato. Ti faccio alcuni esempi.<\/p>\n<p>Utilizzo il plug-in MonsertInsights per <a href=\"https:\/\/themewp.inform.click\/kak-dobavit-google-analytics-v-wordpress\/\" title=\"aggiungere Google Analytics\">aggiungere Google Analytics<\/a> al mio sito. Google Analytics carica due file Javascript su ogni pagina del mio sito, in modo da rallentarlo (pi\u00f9 peso e due richieste HTTP).<\/p>\n<p>Uso il plugin WPForms per tutti i miei moduli di contatto. WPForms carica un file CSS e, a seconda delle funzionalit\u00e0 che stai utilizzando, anche alcuni file JS. Tuttavia, carica questi file solo su pagine che hanno moduli di contatto. Ci\u00f2 significa che ha un impatto zero sulle prestazioni del mio sito ad eccezione della pagina dei contatti.<\/p>\n<p>Infine, utilizzo un plugin chiamato Format Media Titles per aggiungere automaticamente titoli alle mie immagini in base al nome del file. Questo plugin esegue un po&#8217; di PHP nella dashboard di amministrazione quando carico le immagini e non ha alcun impatto sulle prestazioni del mio sito.<\/p>\n<p>Ora puoi capire perch\u00e9 dire &quot;i plugin rallentano il tuo sito&quot; non \u00e8 vero. Lo fanno, non lo fanno, lo fanno a determinate condizioni, ecc. \ud83e\udd37\u200d\u2642\ufe0f<\/p>\n<p>L&#8217;unico plugin tra i miei esempi che posso dire rallenta il mio sito \u00e8 MonsterInsights, ma ho bisogno delle mie analisi, quindi mi va bene lo scambio di una piccola quantit\u00e0 di tempo di caricamento extra per questa funzione.<\/p>\n<p><strong>Come regola generale, se il plug-in cambia qualcosa sul front-end del tuo sito, influir\u00e0 sulle prestazioni.<\/strong> Al contrario, se il plug-in interessa solo la dashboard di amministrazione, probabilmente non rallenter\u00e0 il tuo sito.<\/p>\n<p>Il &quot;front-end&quot; del tuo sito \u00e8 ci\u00f2 che vedono i visitatori. Il &quot;back-end&quot; \u00e8 la tua dashboard di amministrazione.<\/p>\n<p>Dai un&#8217;occhiata al menu Plugin e seleziona tutti i plug-in che apportano modifiche al front-end del tuo sito. Se ne trovi uno attivo ma non lo stai utilizzando, probabilmente sta rallentando il tuo sito, quindi disattivalo.<\/p>\n<h3>16 Usa immagini webP<\/h3>\n<p>Sono sicuro che hai familiarit\u00e0 con i formati di immagine come JPG e PNG.<\/p>\n<p>Bene, Google ha <a href=\"https:\/\/developers.google.com\/speed\/webp\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">rilasciato un nuovo formato di immagine<\/a> chiamato webP che \u00e8 stato progettato per prestazioni ottimali. Quando utilizzi il formato webP, l&#8217;immagine sembra identica ma si carica pi\u00f9 velocemente.<\/p>\n<p>Sembra fantastico all&#8217;inizio, ma \u00e8 qui che diventa complicato.<\/p>\n<p>Non tutti i browser <a href=\"https:\/\/caniuse.com\/#feat=webp\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">supportano<\/a> ancora le <a href=\"https:\/\/caniuse.com\/#feat=webp\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">immagini webP<\/a>. Ci\u00f2 significa che se hai utilizzato webP per tutte le tue immagini, potrebbero non essere visualizzate affatto su browser come Safari. Per ora, devi servire immagini webP e avere anche una versione di backup JPG o PNG di ogni immagine.<\/p>\n<p>Ovviamente, sembra pi\u00f9 lavoro di quanto ne valga la pena, ma ancora una volta, c&#8217;\u00e8 una soluzione molto semplice.<\/p>\n<h4>Come usare le immagini webP<\/h4>\n<p>Se usi il plugin Optimole, \u00e8 completamente gestito per te.<\/p>\n<p>In effetti, non c&#8217;\u00e8 nemmeno un&#8217;impostazione per questo.<\/p>\n<p>Optimole crea automaticamente versioni webP delle tue immagini e le offre ai visitatori se il loro browser lo supporta. Un piccolo file Javascript con un polyfill viene caricato per servire le versioni JPG\/PNG delle immagini quando il browser del visitatore non supporta webP.<\/p>\n<h3>17 Utilizzare il prefetch DNS<\/h3>\n<p>Il prelettura DNS \u00e8 fantastico.<\/p>\n<p>La maggior parte dei file sul tuo sito verr\u00e0 caricata dal tuo dominio. Ad esempio, il file CSS nel tuo tema che stilizza il tuo sito web \u00e8 ospitato dal tuo sito web.<\/p>\n<p>Se utilizzi Google Analytics, il tuo sito web caricher\u00e0 i file Javascript necessari dai server di Google anzich\u00e9 dai tuoi. Questo richiede pi\u00f9 tempo del caricamento dei file ospitati sul tuo dominio.<\/p>\n<p>Fondamentalmente, quando utilizzi il prefetch DNS, il tuo sito web inizia il processo di caricamento dei file esterni prima. Infatti, quando qualcuno digita il tuo dominio nella barra degli indirizzi, il prefetch DNS inizia il lavoro per preparare i file esterni prima ancora che visitino il tuo sito web.<\/p>\n<p>I dettagli sono piuttosto tecnici, ma questa \u00e8 l&#8217;idea alla base di questa tattica.<\/p>\n<h4>Come utilizzare il prefetch DNS<\/h4>\n<p>C&#8217;\u00e8 una semplice opzione fornita da WP Rocket per il precaricamento.<\/p>\n<p>Nel menu Precarica, puoi inserire gli URL per tutti i file esterni caricati dal tuo sito web.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefff12a7c.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616eefff12a7c.png\" alt=\"Tutti i 36 modi per velocizzare il tuo sito WordPress\"><\/a><\/p>\n<p>Il tuo sito probabilmente utilizza Google Fonts, quindi l&#8217;aggiunta di &quot;\/\/fonts.googleapis.com&quot; abiliterebbe la prelettura per quel nome di dominio.<\/p>\n<h3>18 Post limite per pagina<\/h3>\n<p>Se gestisci un blog attivo, la tua pagina principale dei post \u00e8 la pagina pi\u00f9 importante del tuo sito. Pu\u00f2 anche essere uno dei pi\u00f9 lenti.<\/p>\n<p>Ho visto blogger mostrare tutti i loro post sulla loro home page. Quando visiti, l&#8217;indicatore di caricamento gira e gira e la pagina non si carica mai completamente. \u00c8 un&#8217;esperienza utente terribile e, peggio ancora, gli sta costando un&#8217;enorme quantit\u00e0 di larghezza di banda.<\/p>\n<p>Ad un certo punto, l&#8217;enorme quantit\u00e0 di HTML necessaria per i post diventa un problema, ma il problema principale sono tutte le immagini. Questo \u00e8 il motivo per cui \u00e8 cos\u00ec importante aggiungere il caricamento lento al tuo sito.<\/p>\n<p>Inoltre, dovresti impostare un limite ragionevole per il numero di post che visualizzi su ogni pagina del tuo blog.<\/p>\n<h4>Come limitare i tuoi post per pagina<\/h4>\n<p>WordPress ha un&#8217;opzione integrata per controllare i tuoi post per pagina nel menu Impostazioni di lettura.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef00102057.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef00102057.png\" alt=\"Tutti i 36 modi per velocizzare il tuo sito WordPress\"><\/a><\/p>\n<p>Finch\u00e9 hai abilitato il caricamento lento, puoi visualizzare 10-30 post per pagina senza problemi. Detto questo, 10 \u00e8 probabilmente il numero medio utilizzato dai blogger e non andrei oltre il 10 senza utilizzare il caricamento lento.<\/p>\n<h3>19 Combina le richieste di Google Font<\/h3>\n<p>Sono sicuro al 100% che il tuo tema carichi Google Fonts.<\/p>\n<p>Se si tratta di un tema ben codificato, dovrebbe esserci solo una richiesta di Google Fonts, quindi nessun problema.<\/p>\n<p>Tuttavia, \u00e8 possibile che i plug-in del tuo sito stiano caricando anche Google Fonts o che tu abbia aggiunto pi\u00f9 caratteri da solo. In questo caso, il tuo sito sta effettuando pi\u00f9 richieste di Google Fonts, il che significa pi\u00f9 richieste HTTP. Ricorda, meno richieste HTTP sono, meglio \u00e8.<\/p>\n<h4>Come combinare la richiesta di Google Fonts<\/h4>\n<p>Probabilmente sei abituato a questo ormai&#8230;<\/p>\n<p>Per combinare le richieste di Google Fonts sul tuo sito con WP Rocket, seleziona questa casella:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef002e8d16.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef002e8d16.png\" alt=\"Tutti i 36 modi per velocizzare il tuo sito WordPress\"><\/a><\/p>\n<p>Se non sei sicuro che il tuo sito stia effettuando pi\u00f9 richieste di Google Fonts, non c&#8217;\u00e8 nulla di male nell&#8217;usare questa opzione, quindi ti consiglio di attivarla sempre.<\/p>\n<h3>20 Richieste Ottimizza Gravatar<\/h3>\n<p>Quando le persone lasciano commenti sul tuo sito, i loro avatar vengono visualizzati automaticamente. Questo perch\u00e9 WordPress si integra con Gravatar per ottenere gli avatar.<\/p>\n<p><a href=\"https:\/\/gravatar.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Gravatar<\/a> \u00e8 un servizio gratuito e non fa altro che associare un avatar a un indirizzo email. Se crei un account e aggiungi un avatar, lo vedrai apparire automaticamente sul tuo sito e in tutto il web.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef0051bfa1.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef0051bfa1.png\" alt=\"Tutti i 36 modi per velocizzare il tuo sito WordPress\"><\/a><\/p>\n<p>Ecco il problema.<\/p>\n<p>Ognuna di queste immagini fa un&#8217;altra richiesta esterna ai server Gravatar. Ci\u00f2 significa che se ricevi 10 commenti su un post, il tuo sito Web eseguir\u00e0 fino a 10 richieste HTTP esterne: \u00e8 molto!<\/p>\n<p>Ci sono tre modi per ottimizzare Gravatar in modo che non rallenti il \u200b\u200btuo sito.<\/p>\n<h4>Come ottimizzare gli avatar Gravatar<\/h4>\n<p>La prima opzione \u00e8 molto semplice: caricamento pigro di immagini Gravatar.<\/p>\n<p>Sfortunatamente, il caricamento lento di Optimole non funziona con le immagini Gravatar. Per caricare le immagini Gravatar in modo pigro, puoi utilizzare il plug-in gratuito <a href=\"https:\/\/wordpress.org\/plugins\/a3-lazy-load\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">a3 Lazy Load<\/a>.<\/p>\n<p>In alternativa, puoi disabilitare completamente Gravatar. Nelle impostazioni Discussione, disattiva gli avatar con questa opzione:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef0073b9fa.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef0073b9fa.png\" alt=\"Tutti i 36 modi per velocizzare il tuo sito WordPress\"><\/a><\/p>\n<p>Come implica l&#8217;impostazione, questo disabilita completamente gli avatar nei commenti. Se desideri comunque che vengano visualizzati gli avatar predefiniti, puoi installare il plug-in <a href=\"https:\/\/wordpress.org\/plugins\/disable-user-gravatar\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Disabilita utente Gravatar<\/a>.<\/p>\n<p>Se i commentatori hanno i propri account sul tuo sito, puoi utilizzare il plug-in <a href=\"https:\/\/wordpress.org\/plugins\/wp-user-avatar\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WP User Avatar<\/a> per consentire loro di caricare i propri avatar.<\/p>\n<p>La terza opzione \u00e8 quella di memorizzare nella cache le immagini Gravatar con un plug-in come <a href=\"https:\/\/wordpress.org\/plugins\/fv-gravatar-cache\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">FV Gravatar Cache<\/a>, ma questo plug-in ha ricevuto recensioni contrastanti da parte degli utenti.<\/p>\n<p>Sebbene queste tre opzioni siano tutte praticabili, questa prossima ottimizzazione delle prestazioni \u00e8 un quarto approccio e la soluzione che utilizzo per questo sito Web.<\/p>\n<p>Questa \u00e8 un&#8217;ottimizzazione delle prestazioni davvero interessante che ho appena iniziato a utilizzare.<\/p>\n<p>I commenti sul tuo sito non vengono visualizzati fino a dopo tutto il contenuto del post, quindi perch\u00e9 caricarli subito?<\/p>\n<p>Poich\u00e9 Optimole non funzionava per caricare le immagini Gravatar in modo pigro, ho installato il plug-in <a href=\"https:\/\/wordpress.org\/plugins\/lazy-load-for-comments\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Lazy Load for Comments<\/a> per caricare in modo pigro l&#8217;intera sezione dei commenti. Problema risolto!<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef009515d5.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef009515d5.png\" alt=\"Tutti i 36 modi per velocizzare il tuo sito WordPress\"><\/a><\/p>\n<p>Ora, quando qualcuno visita un post, nessuno dei commenti o delle immagini Gravatar viene caricato finch\u00e9 non scorre fino alla sezione dei commenti. Questo rimuove tutte le richieste HTTP da Gravatar fino a ben dopo il caricamento iniziale.<\/p>\n<p>Mentre parliamo di caricamento lento, continuiamo con un&#8217;altra implementazione.<\/p>\n<h3>22 Lazy carica tutti i video<\/h3>\n<p>Incorpori video di Youtube nei tuoi post?<\/p>\n<p>Il caricamento di video pu\u00f2 essere un grosso freno alle prestazioni, soprattutto se ne hai pi\u00f9 di uno sulla pagina.<\/p>\n<p>Puoi caricare pigramente i tuoi video (e iframe) proprio come le immagini.<\/p>\n<h4>Come caricare i video in modo pigro<\/h4>\n<p>Uso la funzione di caricamento lento di Optimole per le immagini, ma WP Rocket ha un&#8217;opzione specifica per iframe e video che puoi abilitare in questo modo:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef00c6d97e.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef00c6d97e.png\" alt=\"Tutti i 36 modi per velocizzare il tuo sito WordPress\"><\/a><\/p>\n<p>C&#8217;\u00e8 anche un&#8217;opzione per caricare una miniatura al posto del video, ma personalmente non mi piace questa opzione perch\u00e9 fa s\u00ec che i visitatori facciano clic due volte sul video, cosa che trovo fastidiosa.<\/p>\n<h3>23 Ridurre i reindirizzamenti<\/h3>\n<p>Se visiti questo sito Web utilizzando &quot;http&quot;, ti reindirizzer\u00e0 invece alla versione &quot;https&quot;.<\/p>\n<p>Inoltre, se visiti senza il &quot;www&quot;, verrai reindirizzato alla versione con il &quot;www&quot;.<\/p>\n<p>Entrambi i reindirizzamenti sono molto veloci, ma richiedono comunque tempo e quando si tratta di prestazioni, ogni frazione di secondo conta.<\/p>\n<p>Quando ti colleghi al tuo sito web internamente o da un altro sito web, assicurati di utilizzare sempre l&#8217;URL finale a cui arrivano i visitatori. Uso sempre &quot; <a href=\"https:\/\/www.competethemes.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">https:\/\/www.competethemes.com\/<\/a> &quot; in modo che non ci siano reindirizzamenti.<\/p>\n<p>Collegandoti sempre alla versione corretta del tuo URL, eviti di inviare visitatori tramite reindirizzamenti che fanno sembrare il tuo sito pi\u00f9 lento.<\/p>\n<h3>24 Ospitare Google Analytics localmente<\/h3>\n<p>Ho menzionato Google Analytics alcune volte finora perch\u00e9 \u00e8 un inevitabile consumo di prestazioni.<\/p>\n<p>Uno dei motivi per cui rallenta il tuo sito \u00e8 che devi caricare i file da un server esterno (Google) che richiede pi\u00f9 passaggi rispetto al caricamento di un file dal tuo server.<\/p>\n<p>Ospitando i file di Google Analytics localmente, puoi caricarli un po&#8217; pi\u00f9 velocemente.<\/p>\n<h4>Come caricare Google Analytics localmente<\/h4>\n<p>Ancora una volta, il plugin WP Rocket ha reso tutto questo incredibilmente facile e affidabile.<\/p>\n<p>Nel menu Componenti aggiuntivi, c&#8217;\u00e8 una semplice opzione che puoi abilitare per ospitare Google Analytics localmente invece di caricarlo dai loro server.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef00e7d5c0.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef00e7d5c0.png\" alt=\"Tutti i 36 modi per velocizzare il tuo sito WordPress\"><\/a><\/p>\n<p>Questa opzione funziona con la maggior parte dei plug-in utilizzati per aggiungere Google Analytics, incluso MonsterInsights.<\/p>\n<p>Un&#8217;ottima alternativa gratuita \u00e8 il <a href=\"https:\/\/wordpress.org\/plugins\/host-analyticsjs-local\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">plugin CAOS<\/a>.<\/p>\n<h3>25 Usa meno caratteri<\/h3>\n<p>Hai gi\u00e0 ottimizzato JS e CSS, quindi prendiamo sul serio anche l&#8217;ottimizzazione dei caratteri.<\/p>\n<p>Quando si tratta di prestazioni, i caratteri sono costosi.<\/p>\n<p>Se leggi il mio post su <a href=\"https:\/\/themewp.inform.click\/9-prostyh-pravil-dizajna-kotorye-sdelajut-vash-sajt-krasivee\/\" title=\"come rendere il tuo sito pi\u00f9 bello\">come rendere il tuo sito pi\u00f9 bello<\/a>, allora saprai che sostengo l&#8217;utilizzo di uno o due caratteri al massimo. Oltre ad essere una buona regola di progettazione, \u00e8 anche una buona regola di prestazione.<\/p>\n<p>Ogni carattere che carichi ha un impatto sulle prestazioni del tuo sito, quindi meno ne usi, meglio \u00e8.<\/p>\n<p>Ora andiamo un po&#8217; pi\u00f9 nel dettaglio.<\/p>\n<h3>26 Usa meno spessori dei caratteri<\/h3>\n<p>Ogni peso del carattere moltiplica il costo delle prestazioni della tua scelta di carattere.<\/p>\n<p>Ad esempio, se utilizzi il carattere Roboto, caricherai il peso predefinito. Se lo vuoi anche in corsivo e in grassetto, si tratta di set di caratteri completamente diversi e significa che ora stai caricando tre file di caratteri tutti pi\u00f9 o meno della stessa dimensione.<\/p>\n<p>Se stai utilizzando anche il carattere Playfair Display e carichi una versione in grassetto e corsivo, ora stai caricando sei file di caratteri che avranno un grande impatto sulla velocit\u00e0 del tuo sito.<\/p>\n<p>Il tuo sito pu\u00f2 avere un bell&#8217;aspetto ed essere versatile con un singolo carattere caricato in uno stile predefinito, in corsivo e in grassetto. Se vuoi assolutamente un altro carattere, usalo per i titoli in modo che non debba avere pi\u00f9 pesi o corsivo.<\/p>\n<h3>27 Carica solo il set di caratteri della tua lingua<\/h3>\n<p>Hai appena appreso che il caricamento di un font con pesi diversi moltiplica il numero di file che il tuo sito deve caricare.<\/p>\n<p>Seguendo lo stesso thread, pi\u00f9 caratteri nel font, pi\u00f9 grande \u00e8 il file. Il punto \u00e8 che vuoi caricare solo i caratteri di cui hai bisogno.<\/p>\n<p>Assicurati di caricare Google Fonts solo nella lingua che utilizzi. Per gli utenti inglesi, \u00e8 necessario solo il set di caratteri latini e non il latino esteso che viene spesso caricato per impostazione predefinita.<\/p>\n<p>A seconda di come aggiungi Google Fonts al tuo sito, potresti avere o meno la possibilit\u00e0 di cambiarlo, quindi controlla con il tema o le opzioni del plug-in disponibili.<\/p>\n<h3>28 Disattiva le funzionalit\u00e0 OpenType in Adobe Fonts<\/h3>\n<p>Se utilizzi Adobe Fonts (precedentemente TypeKit) per i tuoi font, probabilmente avrai accesso ad alcune funzionalit\u00e0 OpenType.<\/p>\n<p>Sebbene le funzionalit\u00e0 OpenType siano fantastiche per l&#8217;aggiunta di bellissime frazioni, maiuscoletto e molte altre funzionalit\u00e0 tipografiche, molto probabilmente non ne hai bisogno.<\/p>\n<p>Poich\u00e9 OpenType include molti nuovi glifi di carattere, rende i file dei caratteri pi\u00f9 grandi con conseguenti tempi di caricamento pi\u00f9 lunghi.<\/p>\n<p>Quando modifichi il tuo progetto, disabilita le funzionalit\u00e0 OpenType qui:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef010a2781.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef010a2781.png\" alt=\"Tutti i 36 modi per velocizzare il tuo sito WordPress\"><\/a><\/p>\n<p>Come puoi vedere nel mio esempio, sto caricando solo i tre pesi dei caratteri di cui ho bisogno e il sottoinsieme inglese come spiegato nelle tattiche precedenti.<\/p>\n<h3>29 Sostituisci Font Awesome con Fontello<\/h3>\n<p>Questa tattica \u00e8 molto tecnica, ma poich\u00e9 mi ha aiutato, la includo per chiunque altro legga il cui comodo codice di scrittura.<\/p>\n<p>Se usi Font Awesome o un altro font icona per il tuo sito, probabilmente stai caricando l&#8217;intero font, cio\u00e8 stai caricando centinaia di icone. Molto probabilmente, stai utilizzando solo una manciata di icone sul tuo sito.<\/p>\n<p>Con Fontello, puoi creare il tuo pacchetto di caratteri icona utilizzando solo le icone Font Awesome che stai effettivamente utilizzando.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef012cf41f.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef012cf41f.png\" alt=\"Tutti i 36 modi per velocizzare il tuo sito WordPress\"><\/a><\/p>\n<p>Dato che sto usando solo 26 icone diverse su questo sito, sono stato in grado di ridurre enormemente la dimensione del file del carattere e del suo foglio di stile (circa 100 kb).<\/p>\n<p>Se hai il pieno controllo tecnico sul tuo sito, rimuovere Font Awesome e sostituirlo con un pacchetto webfont personalizzato di Fontello \u00e8 un modo eccellente per migliorare ulteriormente le prestazioni del tuo sito.<\/p>\n<h2>Altre ottimizzazioni<\/h2>\n<p>Vedo altri siti Web che consigliano sempre i prossimi suggerimenti, ma ecco il punto&#8230;<\/p>\n<p>Queste tattiche finali non velocizzeranno il caricamento del tuo sito. Ottimizzeranno le prestazioni del tuo sito web, ma non esattamente in modo da velocizzarlo.<\/p>\n<p>Ridurrai la quantit\u00e0 di spazio su disco utilizzato dal tuo sito, renderai potenzialmente pi\u00f9 sicuro il tuo sito e ridurrai persino la larghezza di banda che utilizzi. Questo \u00e8 abbastanza per rendere queste tattiche utili ai miei occhi, ed \u00e8 per questo che le ho incluse alla fine di questo post.<\/p>\n<p>Ecco le ultime 7 tattiche.<\/p>\n<h3>30 Disattiva pingback e trackback<\/h3>\n<p>Nessuno usa pi\u00f9 pingback o trackback per motivi legittimi.<\/p>\n<p>Prima dei social media, quando le persone gestivano blog personali, i pingback erano un po&#8217; come @-ing qualcuno. In altre parole, ti farebbero sapere quando un altro blogger fa riferimento al tuo sito.<\/p>\n<p>Al giorno d&#8217;oggi, vengono utilizzati pi\u00f9 o meno esclusivamente per lo spam e lo sfruttamento di vulnerabilit\u00e0 di sicurezza (come DDoSing). \u00c8 meglio disabilitarli semplicemente con queste due opzioni nelle impostazioni Discussione.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef014de30d.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef014de30d.png\" alt=\"Tutti i 36 modi per velocizzare il tuo sito WordPress\"><\/a><\/p>\n<p>Nessun plugin necessario.<\/p>\n<h3>31 Rallenta l&#8217;API Heartbeat<\/h3>\n<p>L&#8217;API Heartbeat viene eseguita in WordPress per mantenere determinate funzionalit\u00e0 in esecuzione nel browser. Ad esempio, WordPress salva automaticamente i tuoi post mentre ci lavori per impedirti di perdere i tuoi contenuti in caso di errore o errore.<\/p>\n<p>Questa API viene normalmente eseguita una volta al minuto e potresti riscontrare che ti rallenta un po&#8217; mentre lavori su un post o utilizzi altre funzionalit\u00e0 nel tuo amministratore.<\/p>\n<p>Anche se non \u00e8 un grosso problema per la maggior parte delle persone, puoi anche rallentarlo con questa impostazione nel plugin WP Rocket:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef0171cee9.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef0171cee9.png\" alt=\"Tutti i 36 modi per velocizzare il tuo sito WordPress\"><\/a><\/p>\n<p>La riduzione dell&#8217;attivit\u00e0 indica semplicemente all&#8217;API Heartbeat di essere eseguita una volta ogni due minuti anzich\u00e9 ogni minuto.<\/p>\n<h3>32 Disabilita collegamento rapido<\/h3>\n<p>L&#8217;hotlinking si verifica quando qualcuno visualizza un&#8217;immagine sul proprio sito Web ma utilizza un URL dell&#8217;immagine dal tuo sito per pubblicare l&#8217;immagine. Quello che succede allora \u00e8 che ogni volta che qualcuno visita il loro sito, l&#8217;immagine viene richiesta dal tuo server invece che dal loro.<\/p>\n<p>La linea di fondo \u00e8 che quando qualcuno collega una delle tue immagini, paghi per la larghezza di banda e non ottieni alcun vantaggio. \u00c8 rubare.<\/p>\n<p>Cloudflare include il loro servizio ScrapeShield nel livello gratuito che ha un&#8217;opzione per impedire alle persone di collegare le tue immagini.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef01904f69.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef01904f69.png\" alt=\"Tutti i 36 modi per velocizzare il tuo sito WordPress\"><\/a><\/p>\n<p>Non ami tutte queste semplici opzioni click-to-enable?<\/p>\n<p>L&#8217;ho attivato di recente e mi ha risparmiato un sacco di larghezza di banda. Immagino che l&#8217;hotlinking abbia iniziato a sommarsi per il mio dominio nel corso degli anni e questa opzione ha immediatamente annullato queste richieste.<\/p>\n<h3>33 Ottimizza il tuo database<\/h3>\n<p>La pulizia del database probabilmente non render\u00e0 il tuo sito pi\u00f9 veloce, ma ridurr\u00e0 la quantit\u00e0 di spazio su disco che utilizzi.<\/p>\n<p>Se hai molto ingrossamento nel tuo database, \u00e8 pi\u00f9 probabile che rallenti la tua dashboard di amministrazione rispetto al front-end del tuo sito. Ad esempio, se hai decine di migliaia di commenti spam, il caricamento del menu Commenti potrebbe richiedere pi\u00f9 tempo a causa dell&#8217;enorme volume di dati.<\/p>\n<p>Ci sono molti plugin disponibili per ottimizzare il tuo database, ma questo \u00e8 qualcosa che faccio anche con WP Rocket.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef01acd19f.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef01acd19f.png\" alt=\"Tutti i 36 modi per velocizzare il tuo sito WordPress\"><\/a><\/p>\n<p>Il menu Database nelle impostazioni di WP Rocket include opzioni per l&#8217;eliminazione automatica di commenti spam e altri dati inutili dal database.<\/p>\n<p>Ancora meglio, puoi pianificare questa automazione in modo che venga eseguita per te ogni giorno, settimana o mese.<\/p>\n<h3>34 Disabilitare o limitare le revisioni dei post<\/h3>\n<p>Hai appena appreso che WordPress utilizza l&#8217;API Heartbeat per salvare regolarmente le bozze dei tuoi post. Bene, WordPress salva anche le revisioni che puoi ripristinare in seguito, se necessario.<\/p>\n<p>Il problema con l&#8217;archiviazione di tonnellate di revisioni \u00e8 che occupano spazio nel database. Un post con 19 revisioni \u00e8 come memorizzare 20 post nel tuo database. Mentre puoi <a href=\"https:\/\/wordpress.org\/plugins\/disable-post-revision\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">disabilitare le revisioni con un plugin<\/a> o <a href=\"https:\/\/wordpress.org\/plugins\/wp-revisions-control\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">limitarle<\/a>, puoi anche semplicemente eliminarle.<\/p>\n<p>Il menu Database in WP Rocket include un&#8217;opzione per eliminare le revisioni dei post.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef01d2e496.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef01d2e496.png\" alt=\"Tutti i 36 modi per velocizzare il tuo sito WordPress\"><\/a><\/p>\n<p>Puoi eseguire questa opzione manualmente o pianificarla.<\/p>\n<p>E solo un avvertimento, dovresti sempre eseguire <a href=\"https:\/\/themewp.inform.click\/kak-sdelat-rezervnuju-kopiju-vashego-sajta-wordpress-i-zachem-vam-jeto-nuzhno\/\" title=\"il backup del tuo sito\">il backup del tuo sito<\/a> prima di eseguire qualsiasi ottimizzazione del database.<\/p>\n<p>Ho programmato WP Rocket per eseguire questa ottimizzazione ogni giorno perch\u00e9 Kinsta esegue anche il backup del mio sito ogni giorno.<\/p>\n<h3>35 Rimuovere le stringhe di query<\/h3>\n<p>C&#8217;\u00e8 molto da spiegare qui, ma poich\u00e9 non accelerer\u00e0 il tuo sito, arriver\u00f2 direttamente alla linea di fondo.<\/p>\n<p>Le stringhe di query sugli URL dei file possono potenzialmente impedirne la memorizzazione nella cache. Con la maggior parte dei plug-in di memorizzazione nella cache, come WP Rocket, questo non \u00e8 il caso, quindi la presenza di stringhe di query non \u00e8 un problema.<\/p>\n<p>Inoltre, le stringhe di query spesso non dovrebbero essere rimosse perch\u00e9 sono necessarie per il corretto funzionamento dei plug-in.<\/p>\n<p>Basta attivare questa opzione in WP Rocket e basta:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef01f4c158.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-169715-616ef01f4c158.png\" alt=\"Tutti i 36 modi per velocizzare il tuo sito WordPress\"><\/a><\/p>\n<p>Hanno ottimizzato questa funzione in modo che non interrompa le cose sul tuo sito e non vedrai avvisi da GTMetrix e altri strumenti di controllo delle prestazioni necessari per rimuovere le stringhe di query dalle risorse statiche.<\/p>\n<h3>36 Elimina plugin inattivi<\/h3>\n<p>Quando disattivi un plug-in, lo stai semplicemente disattivando. Puoi riattivarlo e le impostazioni precedenti verranno ripristinate.<\/p>\n<p>Tuttavia, se elimini un plug-in, normalmente vengono eliminate le tue impostazioni e i dati creati dal plug-in. Questo perch\u00e9 la maggior parte dei plug-in ha un processo di pulizia che viene eseguito quando viene eliminato in modo da non lasciare confusione nel database.<\/p>\n<p>Se disponi di plug-in inattivi che non hai ancora eliminato, eliminarli pu\u00f2 aiutare a ottimizzare il database. Inoltre, \u00e8 solo una buona pratica in generale \ud83d\ude42<\/p>\n<h2>Goditi il \u200b\u200btuo sito web pi\u00f9 veloce<\/h2>\n<p>Con oltre 7.000 parole, questo \u00e8 ufficialmente il post sul blog pi\u00f9 lungo che abbia mai scritto. Volevo includere tutto!<\/p>\n<p>C&#8217;\u00e8 solo un&#8217;altra cosa che devo dirti&#8230;<\/p>\n<p>Quando si tratta di ottimizzazione delle prestazioni, il tuo lavoro non \u00e8 mai veramente finito. Dopo aver implementato le tattiche che desideri provare sul tuo sito, assicurati di tornare qui una o due volte l&#8217;anno per scorrere nuovamente l&#8217;elenco e riottimizzare il tuo sito.<\/p>\n<p>Trovo che devo ri-ottimizzare il mio sito almeno una volta all&#8217;anno per mantenerlo in perfetta forma.<\/p>\n<p>Potresti anche scoprire che la prima volta che usi questo elenco, alcune tattiche erano troppo tecniche per essere capite. Man mano che diventi pi\u00f9 un professionista di WordPress, potresti tornare a trovare queste tattiche molto pi\u00f9 semplici da applicare.<\/p>\n<p>Se hai domande, lascer\u00f2 aperta la sezione commenti, quindi per favore pubblica qui sotto!<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte di registrazione:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.competethemes.com\" class=\"external external_icon\">www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ogni metodo di ottimizzazione delle prestazioni per WordPress spiegato chiaramente ed elencato qui in modo che tu possa finalmente velocizzare il tuo sito web.<\/p>\n","protected":false},"author":1,"featured_media":263246,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[584],"tags":[846],"class_list":["post-247112","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-velocizza-wordpress","tag-affiai-it"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/247112","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/comments?post=247112"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/247112\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media\/263246"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media?parent=247112"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/categories?post=247112"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/tags?post=247112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}