Una guida completa all'utilizzo di W3 Total Cache

Gli utenti di Internet di oggi si aspettano che le pagine che visitano siano veloci e fluide. Notano sicuramente quando i siti non funzionano bene, quindi le prestazioni sono una caratteristica e l'ottimizzazione delle prestazioni è fondamentale. Ad esempio, le pagine con tempi di caricamento più lunghi tendono ad avere frequenze di rimbalzo più elevate e i visitatori vi trascorrono meno tempo. Anche i tempi di caricamento più lunghi influiscono negativamente sulle conversioni.

Quindi la velocità della pagina è importante per l'esperienza utente e le conversioni. Un altro motivo per velocizzare i siti Web è che nell'aprile 2010 Google ha indicato che la velocità del sito (e quindi la velocità della pagina) è uno dei segnali utilizzati dall'algoritmo di ricerca di Google per classificare le pagine. In breve, i siti più veloci si classificano e convertono meglio.

Alcuni dei modi per aumentare la velocità della tua pagina e, ergo, migliorare le prestazioni del tuo sito includono:

1. Abilitazione della compressione per i tuoi file CSS, HTML e JavaScript
2. Minimizzare CSS, JavaScript e HTML
3. Riduzione dei reindirizzamenti
4. Sfruttare la memorizzazione nella cache del browser
5. Miglioramento del tempo di risposta del server in modo che sia inferiore a 200 ms
6. Utilizzo di una rete di distribuzione dei contenuti (CDN)
7. E ottimizzare le immagini

E se sei una delle 60 milioni di persone che hanno scelto WordPress per alimentare il posto sul web che chiami "casa", il segreto dietro un sito WordPress a caricamento rapido (a parte un buon web hosting, plugin ben codificati e un CDN ) sta utilizzando la memorizzazione nella cache corretta.

Che cos'è la memorizzazione nella cache di WordPress e perché è importante?

Ogni volta che un utente Internet visita un sito Web basato su WordPress, si verificano una serie di eventi in cui WordPress genera dinamicamente una pagina HTML e la offre all'utente:

1. Il browser dell'utente richiede una pagina web
2. Il core di WordPress (o il cervello di WordPress se così si può chiamare) interroga il database (chiamato query del database MySQL)
3. Il database restituisce i dati richiesti
4. Il core di WordPress combina i dati e i dati recuperati dai plugin e dal tema attivi per generare dinamicamente una pagina HTML
5. Quindi serve questa pagina HTML generata dinamicamente al browser dell'utente

Supponiamo ora che 100 persone visualizzino la tua pagina. L'esecuzione ripetuta delle stesse query del database fa sprecare tempo e cicli della CPU.

Entra nella cache di WordPress! Salva i risultati delle precedenti query del database MySQL nella cache di memoria per il riutilizzo. La memorizzazione nella cache di WordPress è uno dei modi più veloci per migliorare le prestazioni del sito Web utilizzando plugin come W3 Total Cache, WP Super Cache o Quick Cache.

Caching di WordPress con W3 Total Cache

Consigliato da host web come Media Temple, GoDaddy e HostGator e utilizzato da molti siti popolari tra cui Mashable, il blog di Matt Cutt, AT&T e WPBeginners, W3 Total Cache è uno dei plugin di ottimizzazione delle prestazioni di WordPress più completi e popolari progettato per migliorare l'esperienza utente e la velocità del tuo sito. Offre memorizzazione nella cache di oggetti e query, memorizzazione nella cache di pagine, minimizzazione di HTML, CSS e JavaScript, compressione gzip, integrazione CDN e memorizzazione nella cache del browser. Se combinate, queste ottimizzazioni migliorano notevolmente la velocità del tuo sito.

Quindi le caratteristiche distintive di W3 Total Cache includono:

• Memorizzazione nella cache di pagine e post
• Memorizzazione nella cache di CSS e JavaScript
• Memorizzazione nella cache di feed e pagine dei risultati di ricerca
• Memorizzazione nella cache di oggetti di database
• Minimizzazione di post, pagine e feed inclusi spazi bianchi e commenti aggiuntivi e combinazione di più file CSS o JavaScript in un'unica richiesta
• Memorizzazione nella cache del browser
• Supporto mobile
• Integrazione e supporto CDN
• E il supporto WP-CLI

I vantaggi del plugin includono:

• Tempo di caricamento della pagina ridotto
• Miglioramento significativo delle prestazioni e della velocità complessive del sito quando il plug-in è configurato correttamente
• Miglioramento delle prestazioni nei risultati di ricerca organici
• Tassi di conversione migliorati
• Ottimizzazione del rendering del browser per il rendering rapido delle pagine
• Prestazioni del server web migliorate
• E risparmi di larghezza di banda tramite minimizzazione e compressione

La sfida è che W3 Total Cache è un plugin molto potente. Ha tantissime opzioni, quindi devi sapere come configurarlo per massimizzare i vantaggi. La configurazione corretta non è sempre immediatamente ovvia, soprattutto per gli utenti alle prime armi. Nella prossima sezione analizzeremo la configurazione delle migliori pratiche per il plug-in di memorizzazione nella cache di WordPress di gran lunga più versatile disponibile.

Appunti:

• Prima di installare e configurare W3 Total Cache, assicurati di controllare le prestazioni del tuo sito utilizzando PageSpeed ​​Insights di Google e o il test di velocità del sito Web Pingdom . Questo ti darà un confronto accurato prima e dopo.
• Altrettanto importante, se stai attualmente utilizzando un plug-in cache come WP Super Cache, devi disabilitarlo prima di installare W3 Total Cache o il plug-in avrà problemi al momento dell'attivazione.
• W3 Total Cache utilizza la cache in memoria per salvare i risultati delle query del database MySQL. Ciò significa che è necessario disporre di una discreta quantità di memoria riservata per la cache. Se non hai tutta la memoria allocata a memcached come desideri o il tuo server è a corto di RAM, questo plugin potrebbe non essere adatto a te.
• E infine, W3 Total Cache si combina meravigliosamente bene con MaxCDN.

Installazione e configurazione di W3 Total Cache

Per installare W3 Total Cache, disattiva e disinstalla qualsiasi altro plug-in di memorizzazione nella cache che potresti utilizzare. È inoltre necessario assicurarsi che wp-content/ e wp-content/uploads/ dispongano temporaneamente delle autorizzazioni 777 prima di procedere.

Per installare e attivare il plugin:

1. Apri la dashboard di WordPress.

2. Trova la sezione "Plugin" della navigazione e seleziona l'opzione di menu "Aggiungi nuovo".

3. Cerca "W3 Total Cache".

4. Fare clic su "Installa ora".

5. Trova la strada per "Plugin installati" nella sezione "Plugin" della navigazione e attiva W3 Total Cache. Ciò consentirà di eseguire la cache della pagina in modalità di base.

Riporta le autorizzazioni di wp-content/ e wp-content/uploads/ a 755.

Per configurare il plugin:

1. Fare clic sul collegamento "Impostazioni" per accedere alla scheda "Impostazioni generali". "Abilita" cache della pagina e scegli "Disco: Avanzato" come metodo di cache della pagina.

"Abilita" riduce a icona l'impostazione automatica.

"Abilita" cache del database e cache degli oggetti.

"Abilita" cache del browser e CDN. Specifica il tipo di CDN, ad esempio MaxCDN.

Lascia attivo il resto delle impostazioni predefinite.

2. Nella sezione avanzata della scheda "Page Cache", controlla tutto tranne "Pagine Cache 404 (non trovate)" nelle Opzioni generali

Sotto Cache Preload, seleziona "Adesca automaticamente la cache della pagina" e inserisci l'URL della tua mappa del sito.

Lascia attivo il resto delle impostazioni predefinite.

3. Successivamente, il modulo "Minify" controlla se i file HTML, CSS e Javascript sono compressi e minimizzati ed è una sorta di campo minato quando si tratta di configurazione. È necessario essere consapevoli di ciò che si accende perché alcuni server non dispongono di memoria o potenza di calcolo sufficienti per la minimizzazione. Le impostazioni ideali per HTML e XML, JS e CSS sono le seguenti:

Nota: come buona pratica, nella scheda "Riduci a icona", imposta "Riduci notifica di errore" su "Notifica amministratore" in modo da essere avvisato quando si verificano errori di creazione della cache di minimizzazione.

4. Andando avanti, le impostazioni "Database Cache", "Object Cache" e "Browser Cache" non fanno tanto quanto la cache della pagina e la minimizzazione, ma è bene attivarle.

Nelle schede "Database Cache" e "Object Cache", tutte le impostazioni consigliate sono preimpostate. Nella scheda "Browser Cache", in Generale, seleziona tutto tranne "Impedisci la memorizzazione nella cache degli oggetti dopo la modifica delle impostazioni" e "Non elaborare errori 404 per oggetti statici con WordPress". Quando salvi le impostazioni, tutte le impostazioni seguenti si prenderanno automaticamente cura di se stesse.

5. CDN, come accennato in precedenza, sta per Content Delivery Network. Se hai un provider CDN, vai alla scheda "Content Delivery Network" per compilare i campi e impostare le tue preferenze. È necessario 1) decidere quali tipi di contenuti verranno scaricati sulla CDN nelle Opzioni generali e 2) stabilire la connessione con la CDN stessa tramite il pannello Configurazione.

6. Infine, utilizzare la scheda "Gruppi di agenti utente" per specificare eventuali agenti utente, ad esempio telefoni cellulari, se viene utilizzato un tema mobile.

Risoluzione dei problemi di W3 Total Cache

A volte, dopo aver installato W3 Total Cache, potresti scoprire (con tuo sgomento) che la velocità del tuo sito è diminuita. Il motivo più probabile è che hai condotto il benchmark del sito Web durante il precaricamento della cache. La soluzione: attendere un'ora e riprovare.

Un altro motivo comune per questo è se si selezionano i metodi di memorizzazione nella cache sbagliati. La memorizzazione nella cache di WordPress con W3 Total Cache a volte comporta una certa quantità di test A/B per ottenere i migliori risultati possibili.

Ultimo ma non meno importante, se il tuo sito ha ancora problemi, potrebbe trattarsi di un conflitto tra W3 Total Cache e un altro plug-in o il tuo tema. Invia una segnalazione di bug facendo clic sulla scheda "Prestazioni", quindi facendo clic su "Supporto" per inviare una richiesta di supporto gratuito e risoluzione dei problemi. Disattiva temporaneamente W3 Total Cache fino a quando la tua richiesta di supporto non viene gestita.

^{* Immagine principale adattata da ·JERRYANG}