Perché il mio sito web è così lento? Come migliorare la velocità del sito Web in WordPress?
Pubblicato: 2017-05-26Hai un reclamo sulla velocità del nostro sito web? Leggi questo articolo con attenzione. Ci sono molte ragioni per cui il tema funziona velocemente su alcuni siti ma lento su altri.
Questo articolo è per quelli di voi che probabilmente pensano che il proprio sito sia così lento. Quindi, probabilmente ha bisogno di essere migliorato. Sappiamo tutti che la velocità è una questione importante per qualsiasi sito web. Se il tuo sito è troppo lento, i tuoi clienti non visiteranno il tuo sito e tu non otterrai buone entrate.
Ci sono molti fattori che influenzano la velocità di WordPress. Quindi, in questo articolo, li esploreremo tutti e ti forniremo alcune soluzioni rapide per velocizzare significativamente il tuo sito web. Inoltre, esamineremo alcune idee sbagliate sull'ottimizzazione della velocità del sito web .
A. Come testare la velocità del sito nel modo giusto?
Questa sembra essere la domanda più semplice, ma in realtà è l'errore più da principianti che la maggior parte delle persone ha.
La semplice visita al tuo sito web dal tuo computer non ti mostrerà le informazioni corrette su quanto sia veloce o lento il tuo sito web.
Quindi potresti pensare che i siti Web GTMetrix o Pingdom saranno gli strumenti corretti. Sbagliato di nuovo.
In effetti, GTMetrix e Pingdom sono i due siti più popolari e affidabili per testare la velocità del tuo sito. Tuttavia, mettere semplicemente l'URL del tuo sito nella loro casella di controllo non è sufficiente per testare la velocità del sito nel modo giusto.
Alcuni dei nostri clienti sono sempre preoccupati per la velocità poiché la loro velocità su GTMetrix è molto lenta.
Ad esempio, questo test di velocità fornisce il risultato di quasi 19 secondi e un punteggio complessivo F

Tuttavia, se osserviamo da vicino, la regione di test predefinita di GTMetrix è in Canada, mentre la maggior parte dei tuoi provider di hosting sono Bluehost, A2hosting, Godaddy, ecc. E hanno sede negli Stati Uniti o in Europa.
Inoltre, supponiamo che tu viva negli Stati Uniti e che anche il tuo pubblico viva negli Stati Uniti. In questo senso, un test di velocità dal Canada non significherebbe nulla. Quindi, il risultato del test corretto dovrebbe essere condotto negli Stati Uniti.

Se accedi a GT Metrix e cambi la regione di test in Dallas, la velocità del sito Web migliorerà in modo significativo. Ad esempio, in questo caso, 19 secondi ridotti a appena 4 secondi.
Se proviamo da San Jose, in California, la velocità è migliorata a 3,25 secondi.

Ecco come LOCATION influisce sulla velocità del tuo sito. Ricorda di scegliere sempre un luogo di hosting vicino al tuo pubblico.
In un altro test, Bostjan Gartnar ha sede in Europa e una volta si è lamentato che la velocità del suo sito su GTMetrix è di circa 3,5 secondi. Tuttavia, proprio come la situazione di cui sopra, la posizione predefinita di GTMetrix è in Canada e il pubblico di Bostjan non vive in Canada.
Proviamo Pingdom per questo. Conduciamo di nuovo il test per le persone in Svezia, la velocità del sito è ridotta a soli 600 millisecondi circa

La lezione è non fidarsi del sito di prova prima di considerare il fattore di posizione .
Cosa succede se il tuo sito serve un pubblico globale? Significa che il tuo server deve essere così veloce da poter servire qualsiasi persona in qualsiasi parte del mondo in meno di pochi secondi? Non necessariamente. Hai solo bisogno di un CDN – Content Delivery System , che ospita i contenuti del tuo sito in molte aree del mondo.

Questa è una tecnologia complessa e se hai intenzione di diventare globale, il tuo team tecnico saprà sicuramente come distribuire CDN per il tuo server. Uno dei nostri suggerimenti per quanto riguarda CDN è che puoi provare con Cloudflare .
B. Cosa c'è dopo? Come migliorare la velocità del sito web? Prova questi:
1. Ottimizza il tuo codice
Anche se il server è abbastanza potente rispetto ad alcune righe di codice, devi comunque tenerlo a mente. L'ottimizzazione del codice è una delle cose più importanti per migliorare la velocità di un sito web. Tuttavia, potente è il server, un sito Web che esegue diecimila righe di codice con centinaia di loop per qualsiasi richiesta sarà sempre più lento di un server di medie dimensioni che esegue solo meno di mille righe di codice e alcuni loop.
È probabile che ci siano molti codici HTML ridondanti, Javascript, CSS e Inline CSS nel codice sorgente del tuo sito che danneggeranno il tuo sito. Fortunatamente, esiste un metodo molto semplice per ottimizzare tutti questi codici, rimuovere gli spazi non necessari e velocizzare il tuo sito. Questo è usare Autoptimize . È un plug-in che utilizziamo per tutti i nostri siti Web, tutte le nostre demo e la sua efficacia è semplicemente fantastica.
Per i nostri temi premium di alta qualità su ThemeForest, facciamo del nostro meglio per ottimizzare il codice e rimuovere i file non necessari in modo che il tuo sito abbia le migliori prestazioni con il nostro tema. In effetti, la maggior parte dei nostri temi WordPress ha ottenuto il Grado A durante il controllo su Pingdom e GTMetrix.
La maggior parte di essi ha anche un tempo di caricamento inferiore a 1 secondo. L'utilizzo dei seguenti temi con l'ultimo aggiornamento può aiutare in modo significativo a ottimizzare il tuo sito e il codice del tuo tema, con conseguente miglioramento delle prestazioni del sito. Questi temi utilizzano l'ultima tecnica di creazione di temi di ThimPress - ThimCore:
Tema WordPress per l'istruzione – WP per l'istruzione
Eduma o Education WP, attualmente è il tema WordPress per l'istruzione più venduto su ThemeForest e la sua qualità è appena fuori registro con aggiornamenti regolari, supporto di appassionati e funzionalità di alta qualità, design sull'istruzione.
Tema WordPress per riviste – Mag WP – Il miglior tema per riviste.

Hotel WordPress Theme – Hotel WP – Il tema indispensabile se stai costruendo un hotel o un'attività di bed and breakfast

2. Ottimizzazione dell'immagine
Non è esagerato dire che 90 siti su 100 hanno questo problema: il proprietario del sito carica le immagini senza pre-modificare per ridurre le dimensioni dell'immagine e adattarla all'area necessaria.
Ad esempio, molte persone caricherebbero un'immagine verticale di 5 MB nella casella dell'avatar che richiede solo un'immagine di 90 × 90 px che richiede un massimo di 200 kB. Questo è uno spreco di 4,8 MB solo per un avatar. E ci saranno più posti sul tuo sito che necessitano di immagini.

- Ricorda di ridimensionare sempre la tua immagine e cerca sempre di adattarla alla posizione a cui è destinata.
Puoi usare Photoshop, scegliere di Salva per il Web e personalizzare la dimensione, il numero di colori per ottimizzare le immagini.

- Puoi anche utilizzare un plug-in di ottimizzazione delle immagini di WordPress come WP Smush per aumentare la velocità del sito web. WP Smush ottimizzerà automaticamente le tue immagini ogni volta che carichi un'immagine sul tuo sito web.
Attualmente è uno dei plugin più conosciuti per l'ottimizzazione delle immagini.

- Puoi anche utilizzare Rigenera miniature per rigenerare molte diverse dimensioni delle immagini per il tuo sito web. Ad esempio, se utilizzi Rigenera immagine, l'avatar di 5 MB sopra verrà trasformato in molte versioni diverse. Inoltre, ci sarà una versione destinata solo ad un avatar con 90×90 px.

- Infine, se il tuo sito ha bisogno di molte immagini, puoi utilizzare il caricamento lento per caricare prima solo la struttura e il testo del tuo sito. Quindi carica le immagini solo quando scorri fino all'immagine. In questo modo il processo di caricamento sarà suddiviso in molte fasi e le immagini pesanti verranno caricate solo su richiesta.
3. Usa i plug-in di memorizzazione nella cache
Un altro suggerimento è utilizzare i plug-in di memorizzazione nella cache per salvare schermate del tuo sito Web, memorizzare nella cache CSS o file JavaScript. In questo modo i visitatori dovranno caricare solo ciò che non è stato caricato prima. Questo può migliorare notevolmente la velocità del tuo sito.
Uno dei migliori plugin per la memorizzazione nella cache è W3 Total Cache

Ecco una configurazione di W3 Total Cache che Bostjan ha scoperto che ha aiutato a migliorare la velocità del suo sito a meno di un secondo.
Di seguito sono riportati alcuni altri plug-in di memorizzazione nella cache che puoi provare:
- Prestazioni rapide: cache di WordPress e potenziamento delle prestazioni

Questo è un plug-in di cache premium relativamente nuovo che può aiutarti a migliorare rapidamente le prestazioni del tuo sito.
- WP Super Cache
- WP Rocket
Vale a dire, WP Rocket è un plug-in di cache WordPress premium con tre piani di pagamento offerti. Tecnicamente devi pagare solo una tariffa una tantum, ma il supporto e gli aggiornamenti sono inclusi se mantieni i pagamenti in corso ogni anno. Detto questo, la memorizzazione nella cache di un sito Web è elencata a $ 39, con supporto per tre siti Web a $ 99 e siti Web illimitati a $ 199.
Sebbene sia possibile trovare altri plug-in gratuiti, questi sono i tassi di qualità per uno dei plug-in di memorizzazione nella cache più ricchi di funzionalità sul mercato. Non esiste una prova gratuita o una versione gratuita del plug-in, ma gli sviluppatori offrono una garanzia di rimborso di 14 giorni.
Uno dei motivi per cui ci piace così tanto il plug-in WP Rocket è la sua semplice interfaccia utente e la sua configurazione rapida. È un plug-in di memorizzazione nella cache di WordPress con il potere di rendere il tuo sito incredibilmente veloce, ma qualsiasi principiante potrebbe sedersi e comprendere la maggior parte delle impostazioni coinvolte.
4. Rimozione dei plugin inutilizzati.
Controlla attentamente il tuo sito e disattiva i plugin che non stai utilizzando non è una cattiva idea.
Quando utilizzi WordPress, ti verrà chiesto di installare molti plugin gratuiti. Tuttavia, non utilizzeresti la maggior parte di essi e questi plugin occuperanno ampi spazi sul tuo sito web. Nel frattempo, per qualsiasi richiesta dei visitatori, il motore principale di WordPress dovrebbe comunque implementarli, portando a uno spreco inutile di risorse che potrebbero essere utilizzate per accelerare il tuo sito web.
Inoltre, ci sono plug-in che potresti utilizzare occasionalmente e che potrebbero rallentare in modo significativo il tuo sito. In questo caso, puoi trovare plugin che stanno danneggiando il tuo sito e decidere di mantenerli o disattivarli utilizzando P3 Profiler .

P3 Profiler ti aiuterà a trovare plug-in lenti e a segnalare le prestazioni di ciascun plug-in in modo da sapere quale tenere e quale eliminare.
5. Ottimizzazione del server
Un ultimo consiglio sull'ottimizzazione della velocità del sito WordPress è sull'ottimizzazione del server. Questo potrebbe essere abbastanza avanzato e devi preoccuparti di questo solo quando utilizzi un VPS invece di un piano di hosting condiviso poiché potrebbero esserci configurazioni errate nel tuo server se lo gestisci da solo. Dato che abbiamo detto prima della posizione, non lo menzioneremmo più. Tuttavia, nell'ottimizzazione del server, ci sono ancora alcune altre cose che puoi fare per ottimizzare il tuo sito web, specialmente se sei in esecuzione:

- Usa EasyEngine
La cosa migliore di Easy Engine è che aiuta molto con le opzioni di memorizzazione nella cache e il supporto HHVM e Page Speed.
- Ottimizzazione Nginx
Questa è una tecnica avanzata, quindi elencherò solo alcuni dei tutorial più completi di Linode e DigitalOcean:
Come ottimizzare la configurazione di Nginx
Come configurare Nginx per prestazioni ottimizzate
NGINX: fai volare i tuoi server
Ottimizzazione NGINX per le migliori prestazioni
Ottimizzazione di NGINX per le prestazioni
6. Usa PHP 7 per velocizzare notevolmente il tuo sito web
Attualmente, PHP 7.0 è l'ultima versione di PHP ed è abbastanza stabile poiché è stato rilasciato per quasi 2 anni.
WordPress.ORG consiglia inoltre ai suoi utenti di utilizzare PHP 7. Attualmente, solo 9 utenti su 100 di WordPress utilizzano PHP7. Contatta il tuo provider di hosting e chiedigli di passare da PHP 5 a PHP 7. Attualmente, PHP 5 è ancora la versione PHP predefinita in molti servizi di hosting.
Di seguito è riportata la tabella dei test di velocità del tema Eduma - Education WP per un server Cache non configurato, senza PHP 5.6.28 e uno che utilizza PHP 7.0.18

Apparentemente, PHP 7 è sempre più veloce e il suo tempo di caricamento medio è solo inferiore a 1,5 secondi per Eduma che utilizza PHP 7 mentre PHP5 richiede circa 5 secondi per caricare completamente il sito.
Leggi di più In che modo l'hosting Web influisce sulla velocità del sito