Come memorizzare nella cache le risorse statiche utilizzando la memorizzazione nella cache HTTP in NGINX
Abilitare Risorse statiche O cache del contenuto è un possibile metodo per Nginx ottimizzazione. Ogni volta che un browser visita un sito Web, Nginx scarica la memorizzazione nella cache di file particolari come le risorse di immagini statiche al singolo browser Web invece di servire ogni file. Di conseguenza, i siti Web alimentati a Nginx si caricano più rapidamente nel browser.
In questo post, imparerai Come memorizzare nella cache le risorse statiche utilizzando la memorizzazione nella cache HTTP in NGINX. Prima di spostarsi verso la procedura di memorizzazione nella cache del contenuto statico, prima, comprendi il concetto di base di contenuto statico e come il contenuto statico viene memorizzato nella cache in NGINX.
Qual è il contenuto statico
Qualsiasi file archiviato su un server e viene servito agli utenti ogni volta, allo stesso modo, è noto come contenuto statico. La funzionalità del contenuto statico è simile a un giornale. Mentre viene pubblicato un giornale, tutti coloro che ne prendono una copia vedranno le stesse storie e fotografie tutto il giorno, indipendentemente da quali nuovi eventi si verificano durante il giorno.
Il contenuto della maggior parte del sito Web si basa su file statici pre-formattato. È improbabile che questi file statici cambino nel tempo e anche per altri utenti. Rispetto ai file dinamici generati "al volo" in base alle informazioni sul database, i file statici sono i candidati predefiniti per la memorizzazione nella cache. Esempi di contenuti statici sono immagini, musica, javascript, film e file CSS.
Come memorizzare nella cache le risorse statiche in nginx
Il metodo tipico per la memorizzazione nella cache Web è salvare una copia del file statico in una cache. Questo processo consente al contenuto statico di avvicinarsi all'utente del sito Web e di fornire le risorse statiche più rapidamente la prossima volta. Il contenuto o le risorse statico possono essere memorizzati nella cache da reti di consegna dei contenuti (CDN) e browser per un periodo di tempo predeterminato e servito agli utenti fintanto che è richiesta quella risorsa statica. Poiché il contenuto statico non cambia nel tempo, gli utenti possono ricevere gli stessi file più volte.
Cosa sono le intestazioni della cache http in nginx
Per definire le durate della cache e indicare i contenuti Web memorizzati in cache, gli sviluppatori Web utilizzano Teste di cache HTTP. Puoi personalizzare la tua strategia di memorizzazione nella cache utilizzando diverse intestazioni della cache, che garantiscono la freschezza dei tuoi contenuti o risorse statici.
Ad esempio, "Cache-Control: Max-Age = 3600"Dichiara che il particolare file può essere memorizzato nella cache solo per un'ora dopo che deve essere ricaricato dalla sorgente. L'etichettare un singolo o un gruppo di file separatamente può richiedere molto tempo. Implementando metodi cognitivi in grado di sovrascrivere l'intestazione della cache, i moderni CDN consentono di evitare questa pratica.
Ora ti mostreremo come abilitare la memorizzazione nella cache statica usando la memorizzazione nella cache HTTP in NGINX. Se il tuo sito Web comprende molte risorse o contenuti statici, il metodo fornito ti aiuterà ad accelerare il caricamento delle pagine Web. Per seguire il metodo di seguito, è necessario che NGINX sia installato e abilitato sul sistema.
Come abilitare la memorizzazione nella cache delle risorse statiche utilizzando la memorizzazione nella cache HTTP in NGINX
In primo luogo, premere "Ctrl+alt+t"Per aprire il terminale. Successivamente, esegui il comando di seguito per aprire il file di configurazione Nginx nel tuo editor Nano:
$ sudo nano/etc/nginx/nginx.conf
Stiamo abilitando la memorizzazione nella cache statica nel file Nginx predefinito. Se si dispone di più host e siti virtuali, è necessario aggiungere le seguenti impostazioni all'interno di ciascun file di configurazione:
Aggiungi le seguenti righe per memorizzare nella cache le risorse statiche come file CSS, immagini, icone, file JavaScript:
posizione ~* \.(css | gif | jpg | js | png | ico | otf | sng | xls | doc | exe | jpeg | tgx) $
Access_log Off;
scade max;
Abbiamo aggiunto il "Access_log Off"Per disabilitare l'accesso disconnersi per non colpire il limite I/O. Mentre il "scade"L'intestazione comprende le informazioni relative alla disponibilità del contenuto memorizzato nella cache nella cache del browser. "scade" è un Intestazione HTTP che può essere posizionato all'interno dei blocchi presenti nel file di configurazione come il server, http , e il posizione bloccare. Di solito, il "scade"L'intestazione HTTP viene aggiunta nel blocco di posizione per la memorizzazione nella cache dei file statici:
Ora, premere "Ctrl+O"Per salvare le modifiche che abbiamo apportato nel file di configurazione Nginx:
Eseguire il "nginxComando "con il"-T"Opzione per testare il Nginx File di configurazione e sintassi:
$ sudo nginx -t
Ora, riavvia NGINX digitando il comando di seguito nel tuo terminale:
$ sudo systemctl riavvio nginx
Come testare la memorizzazione nella cache delle risorse statiche utilizzando l'intestazione HTTP Live in Nginx
Per il tuo sito web in esecuzione su un Nginx Server Web, è possibile aggiungere l'estensione in diretta dell'intestazione HTTP nel browser per testare il processo di memorizzazione nella cache.
Ad esempio, stiamo aggiungendo l'intestazione HTTP in diretta al nostro browser Firefox facendo clic su "Aggiungi a Firefox"Pulsante:
Consentire l'intestazione HTTP in diretta per l'accesso al sito Web e ai dati relativi al browser:
Successivamente, apri il tuo sito Web per il quale hai abilitato la memorizzazione nella cache del contenuto statico nel suo file di configurazione e vedrai che l'intestazione HTTP mostra tutte le informazioni relative alle risorse della cache:
Puoi anche premere "Ctrl+shift+i"Per aprire gli strumenti per sviluppatori. Carica il tuo sito Web poche volte e noterai che la velocità di caricamento del web è molto migliorata poiché la maggior parte delle risorse viene memorizzata nella cache durante il primo carico della pagina Web:
Conclusione
Su un sito Web, il contenuto statico è un tipo di contenuto che non cambia tra le pagine Web. Se il tuo sito Web comprende risorse o contenuti statici, puoi migliorare le sue prestazioni consentendo la memorizzazione nella cache, che memorizza contenuti statici per un accesso più rapido nel browser. In questo post, abbiamo spiegato cosa contenuto statico È, Come funziona la memorizzazione nella cache statica in nginx, e tu puoi Cache Risorse o contenuti statici utilizzando la memorizzazione nella cache HTTP in NGINX. Inoltre, abbiamo anche dimostrato come Per testare la memorizzazione nella cache delle risorse statiche utilizzando l'intestazione HTTP Live.