6 passaggi per velocizzare il sito Web WordPress
Tutti sanno che la velocità del sito gioca un ruolo importante in termini di successo del sito web. Più il tuo sito si carica velocemente, più utenti interagiscono con i tuoi contenuti. In questo articolo, ti mostriamo 6 passaggi per velocizzare il sito Web WordPress.
Un tempo standard per il caricamento del tuo sito è inferiore a 2 secondi. Se il tuo sito impiega più di 2 secondi per caricarsi, stai facendo qualcosa di sbagliato.
Sono disponibili diversi strumenti online per verificare la velocità del tuo sito Web come pingdom, ecc. Tuttavia, consiglierei di controllare il tuo sito Web su Google Page Insights. Dalla mia esperienza, questo strumento dà un risultato migliore. Google Page Insights ti mostra le distrazioni che causano il caricamento lento del tuo sito.
Vediamo passo passo il processo per migliorare le prestazioni e la velocità di un sito. Di seguito è riportato lo screenshot del punteggio del mio sito Web su Google Page Insight.
Passaggio 1: includi CSS e JS in modo standard
Hai mai notato il messaggio Render che blocca JavaScript e CSS nei contenuti above the fold? Se non hai incluso CSS e JS in modo standard, può rallentare il tuo sito. Come regola generale, CSS dovrebbe includere in un’intestazione e JS dovrebbe essere incluso in un piè di pagina. Dovresti prenderti cura del tuo sito web seguendo questa pratica standard.
Passaggio 2: ottimizza le immagini prima dell’uso
Le immagini giocano un ruolo importante nel migliorare l’esperienza dell’utente. Immagini accattivanti mantengono i tuoi utenti coinvolti con i contenuti. Ma l’uso di immagini pesanti uccide quasi la velocità del tuo sito web. Ad esempio, hai caricato un’immagine con una dimensione di 2 MB sul sito, quindi durante il caricamento della pagina questi 2 MB richiedono un tempo extra per caricare l’immagine prima di presentare la tua pagina al pubblico.
Da qui nasce il concetto di ottimizzazione delle immagini prima dell’uso. Sono disponibili diversi plugin che svolgono questo compito di comprimere le immagini dalla tua libreria multimediale. Alcuni plugin popolari sono
- Comprimi immagini JPEG e PNG con TinyPNG
- Ottimizzatore di immagini ShortPixel
- Smush Compressione e ottimizzazione delle immagini
- Ottimizzatore di immagini EWWW
Tutti questi plugin funzionano bene. Consiglierei di usare il plugin TinyPNG. Sto usando questo plugin per il mio sito web e ne sono abbastanza soddisfatto.
In alcuni casi, è necessario visualizzare le immagini al di fuori della libreria multimediale. Creiamo una directory personalizzata e carichiamo immagini in essa, quindi utilizziamo queste immagini sul sito web. Ho scritto un articolo su Ottimizza immagine al caricamento e TinyPNG Comprimi immagini. Si prega di fare riferimento a questi articoli se non si utilizza la libreria multimediale per le immagini.
Suggerimento: ritaglia le immagini delle dimensioni che desideri visualizzare. Diciamo che hai un contenitore di dimensioni 300*250. In tal caso, dovresti ritagliare l’immagine in base alle dimensioni del contenitore. Non utilizzare l’immagine di dimensioni maggiori in un piccolo contenitore. Ciò influisce anche sulle prestazioni del sito.
Passaggio 3- Caricamento pigro delle immagini
Lazy Load Images aiuta a velocizzare il tuo sito web. Usando il plug-in di caricamento lento, le tue immagini non vengono caricate finché l’utente non le scorre. Aiuta a ridurre le dimensioni della pagina al momento del caricamento.
Se desideri implementare immagini a caricamento lento senza utilizzare il plug-in, leggi il nostro articolo su Migliorare le prestazioni del sito Web con immagini a caricamento lento .
Passaggio 4: ottimizza il database
Per quanto le dimensioni del tuo database siano ridotte, il tuo server risponde rapidamente alla richiesta del database proveniente dal sito web. Una volta che il tuo database inizia ad aumentare, il tuo server impiega più tempo per rispondere.
In WordPress, con il passare del tempo diversi dati orfani memorizzati nel database. Ad esempio, quando aggiorni un articolo o una pagina, ogni volta che WordPress memorizza la revisione nel database. Preferirei mantenere solo le ultime 3 revisioni che sono abbastanza sufficienti. Per mantenere le revisioni fino a 3 volte, devi inserire il codice seguente nel tuo file wp-config.php.
define('WP_POST_REVISIONS', 3);Il codice sopra limita il numero di revisioni. Ci sono alcune altre tabelle che dovrebbero essere ottimizzate. Consiglio di utilizzare i plugin WP-DBManager o WP-Sweep per ottimizzare il database.
Passaggio 5- Utilizzo della cache Ca
Grazie agli ingegneri che hanno introdotto il concetto di cache del browser. Quando un utente visita il tuo sito Web, il browser dell’utente memorizza la tua pagina nella posizione di archiviazione temporanea del browser. Quando l’utente visita il sito Web la volta successiva, il browser presenta la pagina agli utenti dall’ultima cache memorizzata invece di caricare nuovamente l’intera pagina. Ciò riduce l’utilizzo della larghezza di banda sia lato utente che lato server. L’utilizzo della cache per il tuo sito Web velocizza notevolmente il sito Web di WordPress. Alcuni dei plugin di cache più diffusi sono i seguenti.
Passaggio 6- Sfrutta la memorizzazione nella cache del browser
Quando sfrutti la cache del browser, i file della tua pagina web verranno archiviati nella cache del browser. Le tue pagine si caricheranno molto più velocemente per i visitatori abituali. Aggiungi il seguente codice nel file htaccess del tuo sito e ti abiliterà la memorizzazione nella cache del browser.
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 2 days"
</IfModule>Nota: in WordPress, alcuni plugin utilizzano risorse esterne. Non possiamo impostare intestazioni di scadenza su queste risorse esterne. Un modo è archiviare questi file esterni sul tuo server e quindi includerli sul tuo sito web.
Spero che tu capisca come velocizzare il sito Web WordPress. Se mi sono perso qualcosa o stai usando altre tecniche, condividi nei commenti qui sotto.