Vediamo passo passo il processo per migliorare le prestazioni e la velocit\u00e0 di un sito. Di seguito \u00e8 riportato lo screenshot del punteggio del mio sito Web su Google Page Insight.<\/p>\n
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<\/a>, pu\u00f2 rallentare il tuo sito. Come regola generale, CSS dovrebbe includere in un’intestazione e JS dovrebbe essere incluso in un pi\u00e8 di pagina. Dovresti prenderti cura del tuo sito web seguendo questa pratica standard.<\/p>\n 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\u00e0 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.<\/p>\n Da qui nasce il concetto di ottimizzazione delle immagini<\/strong> prima dell’uso. Sono disponibili diversi plugin che svolgono questo compito di comprimere le immagini dalla tua libreria multimediale. Alcuni plugin popolari sono<\/p>\n 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.<\/p>\n In alcuni casi, \u00e8 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<\/a> e TinyPNG Comprimi immagini<\/a>. Si prega di fare riferimento a questi articoli se non si utilizza la libreria multimediale per le immagini.<\/p>\n 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\u00f2 influisce anche sulle prestazioni del sito.<\/p>\n Lazy Load Images<\/strong> aiuta a velocizzare il tuo sito web. Usando il plug-in di caricamento lento<\/a>, le tue immagini non vengono caricate finch\u00e9 l’utente non le scorre. Aiuta a ridurre le dimensioni della pagina al momento del caricamento.<\/p>\n Se desideri implementare immagini a caricamento lento senza utilizzare il plug-in, leggi il nostro articolo su Migliorare le prestazioni del sito Web con<\/a> immagini a caricamento lento .<\/p>\n 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\u00f9 tempo per rispondere.<\/p>\n 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.<\/p>\n Il codice sopra limita il numero di revisioni. Ci sono alcune altre tabelle che dovrebbero essere ottimizzate. Consiglio di utilizzare i plugin WP-DBManager<\/a> o WP-Sweep<\/a> per ottimizzare il database.<\/p>\n 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\u00f2 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\u00f9 diffusi sono i seguenti.<\/p>\n 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\u00f9 velocemente per i visitatori abituali. Aggiungi il seguente codice nel file htaccess del tuo sito e ti abiliter\u00e0 la memorizzazione nella cache del browser.<\/p>\n Nota: in WordPress, alcuni plugin utilizzano risorse esterne. Non possiamo impostare intestazioni di scadenza su queste risorse esterne. Un modo \u00e8 archiviare questi file esterni sul tuo server e quindi includerli sul tuo sito web.<\/p>\n 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.<\/p>\n![\"6](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20834-60822fd29f5de.png\")
<\/a><\/p>\nPassaggio 1: includi CSS e JS in modo standard<\/h3>\n
Passaggio 2: ottimizza le immagini prima dell’uso<\/h3>\n
\n
Passaggio 3- Caricamento pigro delle immagini<\/h3>\n
Passaggio 4: ottimizza il database<\/h3>\n
define('WP_POST_REVISIONS', 3);<\/code><\/pre>\nPassaggio 5- Utilizzo della cache Ca<\/h3>\n
\n
Passaggio 6- Sfrutta la memorizzazione nella cache del browser<\/h3>\n
<IfModule mod_expires.c>\nExpiresActive On\nExpiresByType image\/jpg \"access plus 1 year\"\nExpiresByType image\/jpeg \"access plus 1 year\"\nExpiresByType image\/gif \"access plus 1 year\"\nExpiresByType image\/png \"access plus 1 year\"\nExpiresByType text\/css \"access plus 1 month\"\nExpiresByType application\/pdf \"access plus 1 month\"\nExpiresByType text\/x-javascript \"access plus 1 month\"\nExpiresByType application\/x-shockwave-flash \"access plus 1 month\"\nExpiresByType image\/x-icon \"access plus 1 year\"\nExpiresDefault \"access plus 2 days\"\n<\/IfModule><\/code><\/pre>\n