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:
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:
Detto questo, diamo un'occhiata.
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:
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.
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:
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.
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.