Configurazione di W3 Total Cache un'introduzione

La velocità della pagina di un sito web ottimizzato adattato ad alto traffico è una frase che uno sviluppatore sente spesso dal momento in cui entra nel settore. C'è molta discussione su questi argomenti, e giustamente!

In questo tutorial, daremo un'occhiata ad alcuni degli argomenti che vengono spesso discussi - in particolare il caching - e in che modo non può solo avvantaggiare il nostro sito, ma come configurare la nostra installazione di WordPress per ottenere i migliori risultati possibili.

Ecco alcuni motivi per cui esamineremo il caching:

  1. L'esperienza utente. Se il tuo sito viene caricato più velocemente, i tuoi visitatori rimangono soddisfatti, le conversioni aumentano, il numero esteso di visualizzazioni di pagina complimenta l'impegno e le maggiori entrate in caso di annunci basati su RPM.
  2. Esperienza del motore di ricerca. I siti che vengono caricati rapidamente sono classificati più in alto da tutti i motori di ricerca. Google ha menzionato in particolare che se il tuo sito è ottimizzato e ridimensionato per caricarsi più velocemente, allora puoi aspettarti un elevato ranking SERP.

Nell'ultima serie, abbiamo esaminato come configurare il tuo plugin SEO WordPress da parte di Yoast per fornire una solida SEO. Nell'articolo abbiamo discusso sull'importanza della velocità della pagina e su come influisce sulla classifica. Da lì, ho ricevuto una serie di domande su vari plug-in di memorizzazione nella cache, nonché il modo migliore per configurarli.

Quindi, in questo articolo, daremo un'occhiata a W3 Total Cache e come fornire una configurazione ottimale per il nostro sito web.

Nello specifico, daremo un'occhiata ai seguenti punti:

  1. Che cos'è il caching?
  2. Perché dovremmo usare il plugin W3 Total Cache?
  3. Cosa offre il plug-in W3 Total Cache?
  4. Come configureremo W3 Total Cache?

Detto questo, diamo un'occhiata.

Che cos'è il caching?

Secondo Wikipedia:

In informatica, una cache è un componente che archivia in modo trasparente i dati in modo che le richieste future di tali dati possano essere offerte più rapidamente. I dati memorizzati in una cache potrebbero essere valori che sono stati calcolati in precedenza o duplicati di valori originali che sono memorizzati altrove. Se i dati richiesti sono contenuti nella cache (hit della cache), questa richiesta può essere servita semplicemente leggendo la cache, che è comparativamente più veloce. In caso contrario (cache miss), i dati devono essere ricalcolati o recuperati dalla posizione di archiviazione originale, che è comparativamente più lenta. Quindi, maggiore è il numero di richieste che possono essere fornite dalla cache, più rapidamente le prestazioni complessive del sistema diventano.

In breve la memorizzazione nella cache è il processo di salvataggio temporaneo dei dati sul lato server, sul lato client o forse entrambi per accelerare il ciclo di vita della pagina.

Ad esempio, quando produci la cache del tuo sito sul lato server, i tuoi utenti non compilano effettivamente il tuo lavoro. Invece, visualizzano versioni precompilate del tuo lavoro. In genere, vediamo compresse una versione minificata di CSS e JavaScript. 

Per mettere una pagina in un contesto, supponiamo che il tuo lavoro sia una pagina di WordPress (che è scritta in PHP e MySQL). In tal caso, stai osservando l'attivazione di un massimo di 250 query al caricamento della pagina. Supponiamo che occorrano 10 secondi per eseguire la richiesta sul tuo server. Ciò significa che ogni volta che un visitatore visualizza una pagina sul tuo sito, il tuo server deve assemblare il codice con almeno 250 query che richiedono 10 secondi per restituire l'output.

Quando più visitatori stanno colpendo il tuo sito tutto in una volta, il tuo server richiederà più risorse per restituire la pagina. Di conseguenza, il tempo di caricamento soffre. Inoltre, pensa cosa succederà se 1000 utenti stanno navigando contemporaneamente nel tuo sito - questo può portare a a significativo utilizzo di risorse soprattutto se sei su un host di bilancio.

Ma se metti in cache le pagine del tuo sito sul lato server, puoi fare progressi impedendo al server di bloccarsi. Ma perché è così? 

Quando si memorizzano nella cache le pagine del proprio sito sul server, ciascuna pagina viene compilata per un certo periodo di tempo. Ora, quando un utente visualizza il tuo sito, la pagina non richiede la compilazione di 250 query, ma l'utente viene fornito già pre-compilato.

Questo è il caso anche del caching sul lato client. Nella cache sul lato client, alcuni dati sono memorizzati nel browser del visitatore. Ad esempio, supponi di avere lo stesso logo nell'intestazione. È possibile memorizzare l'immagine nel browser dell'utente in modo che il browser, non il server, restituisca l'immagine. 

Per essere chiari, diamo un'occhiata ad un'immagine:

Perché utilizzare il plugin W3 Total Cache?

Sono disponibili molti plug-in di memorizzazione nella cache, ma W3 Total Cache è una scelta solida perché ha un sacco di opzioni, funziona con una vasta gamma di configurazioni server, ha oltre tre milioni di download. Inoltre, un plugin famoso come W3TC è anche sicuro in contrasto con alcuni plugin meno conosciuti di bassa qualità.

Certo, questo è un po 'argomento, ma la maggior parte dei servizi che troverai (come MaxCDN e New Relic) ti chiedono spesso di installare W3TC per sfruttare appieno i loro servizi.

Quindi, perché non installare e configurare W3TC prima mano?

Ho ottimizzato più di 100 siti per i miei clienti che utilizzano W3TC e non ha prodotto nient'altro che risultati positivi. Le seguenti schermate descrivono i risultati dell'utilizzo di un plug-in di memorizzazione nella cache.

Naturalmente, c'è un lato avanzato dell'ottimizzazione da raggiungere tutti degli obiettivi dimostrati nei risultati di cui sopra, ma un principiante con semplici ottimizzazioni può ancora ottenere risultati significativi. 

Cosa offre l'offerta W3 Total Cache Plugin?

Ci sono molti altri vantaggi nell'usare questo plugin, prendiamoci la parola dello sviluppatore per questo. Frederick Townes ha fatto un ottimo lavoro spiegando le caratteristiche.

Sono come segue:

W3TC è considerato affidabile da:

  • AT & T
  • stevesouders.com
  • mattcutts.com
  • mashable.com
  • smashingmagazine.com
  • makeuseof.com
  • yoast.com
  • kiss925.com
  • pearsonified.com
  • lockergnome.com
  • johnchow.com
  • ilovetypography.com
  • webdesignerdepot.com
  • css-tricks.com
  • ... e decine di migliaia di altri.

Alcuni dei vantaggi di W3TC:

  • Miglioramento di almeno 10 volte le prestazioni generali del sito (Grado A in YSlow o miglioramenti significativi della velocità di Google Page) se completamente configurato
  • Migliori tassi di conversione e "rendimento del sito" che influiscono sul posizionamento del tuo sito su Google.com
  • Visualizzazioni di pagina successive "istantanee": memorizzazione nella cache del browser
  • Rendering progressivo ottimizzato: le pagine iniziano il rendering rapidamente
  • Tempo di caricamento della pagina ridotto: aumento del tempo di visita in loco; i visitatori visualizzano più pagine
  • Miglioramento delle prestazioni del server Web; sostenere periodi di traffico elevato
  • Fino all'80% di risparmio di larghezza di banda grazie alla compressione minify e HTTP di HTML, CSS, JavaScript e feed

Le sue caratteristiche includono:

  • Compatibile con hosting condiviso, server virtuali privati ​​/ dedicati e server / cluster dedicati
  • Gestione trasparente della rete di distribuzione dei contenuti (CDN) con la libreria multimediale, i file dei temi e WordPress stesso
  • Supporto per dispositivi mobili: rispettivo caching di pagine da parte di referrer o gruppi di user agent incluso il cambio di temi per gruppi di referenti o user agent
  • Memorizzazione nella cache di pagine e post (miniati e compressi) in memoria o su disco o su CDN (solo mirror)
  • Memorizzazione nella cache di (minificati e compressi) CSS e JavaScript in memoria, su disco o su CDN
  • Memorizzazione nella cache dei feed (sito, categorie, tag, commenti, risultati di ricerca) in memoria o su disco o su CDN (solo mirror)
  • Memorizzazione nella cache delle pagine dei risultati di ricerca (ad esempio URI con variabili stringa di query) in memoria o su disco
  • Memorizzazione nella cache di oggetti di database in memoria o su disco
  • Memorizzazione nella cache di oggetti in memoria o su disco
  • Minificazione di post e pagine e feed
  • Minificazione di JavaScript in linea, incorporato o di terze parti (con aggiornamenti automatici)
  • Minificazione di CSS incorporati, incorporati o di terze parti (con aggiornamenti automatici)
  • Il caching del browser utilizza il controllo della cache, le intestazioni di scadenza future e i tag di entità (ETag) con "busting della cache"
  • Raggruppamento JavaScript per modello (pagina iniziale, pagina successiva, ecc.) Con controllo della posizione incorporata
  • Incorporamento JavaScript non bloccante
  • Importa allegati direttamente nella Libreria multimediale (e CDN)
  • Supporto WP-CLI per l'eliminazione della cache, l'aggiornamento della stringa di query e altro

In breve, possiamo facilmente migliorare l'esperienza utente per i nostri lettori senza dover cambiare WordPress, il tuo tema, i tuoi plugin o il nostro flusso di lavoro.

Configurazione di W3 Total Cache

A questo punto, abbiamo definito il caching, perché è importante, perché useremo W3TC e cosa offre il plugin. Inoltre, abbiamo riconosciuto che l'ottimizzazione dei nostri siti con plug-in come W3TC è fondamentale.

Il punto di questo articolo era di fornire una comprensione dell'importanza dell'ottimizzazione. Dopotutto, è molto più difficile da capire Come configurare un senza comprensione perché stiamo configurando il plugin.

Nella parte successiva della serie, ti insegnerò ogni fase della configurazione del plugin W3TC.