So können Sie statische Ressourcen mithilfe von HTTP -Caching in Nginx zwischenspeichern
Aktivieren Statische Ressourcen oder Inhaltsdach ist eine mögliche Methode für Nginx Optimierung. Immer wenn ein Browser eine Website besucht. Infolgedessen laden Ihre Nginx-Websites schneller im Browser.
In diesem Beitrag werden Sie lernen So können Sie statische Ressourcen mithilfe von HTTP -Caching in Nginx zwischenspeichern. Verstehen Sie zunächst das grundlegende Konzept des statischen Inhalts und wie statischer Inhalte in Nginx zwischenstrahlt werden.
Was ist statischer Inhalt
Jede auf einem Server gespeicherte Datei und wird jedem Mal auf die gleiche Weise als statische Inhalte bezeichnet. Die statische Inhaltsfunktionalität ähnelt einer Zeitung. Wie eine Zeitung veröffentlicht wird, wird jeder, der ein Exemplar aufnimmt.
Der Inhalt der Mehrheit der Website basiert auf vorformatierten statischen Dateien. Es ist unwahrscheinlich, dass sich diese statischen Dateien im Laufe der Zeit und auch für andere Benutzer ändern. Im Vergleich zu den dynamischen Dateien, die basierend auf Datenbankinformationen "on the Fly" generiert werden, sind die statischen Dateien die Standardkandidaten für das Caching. Beispiele für statische Inhalte sind Bilder, Musik, JavaScript, Filme und CSS -Dateien.
Wie man statische Ressourcen in nginx zwischenspeichert
Die typische Methode für das Web -Caching besteht darin, eine Kopie der statischen Datei in einem Cache zu speichern. In diesem Prozess kommen die statischen Inhalte dem Website des Website näher und liefern die statischen Ressourcen beim nächsten Mal schneller. Statische Inhalte oder Ressourcen können von Content Delivery Networks (CDNs) und Browsern für eine vorgegebene Zeitspanne zwischengespeichert werden und dienen den Benutzern, solange diese statische Ressource angefordert wird. Da statische Inhalte im Laufe der Zeit nicht ändert, können Benutzer dieselben Dateien mehrfach empfangen.
Was sind HTTP -Cache -Header in Nginx
Um Cache -Dauer zu definieren und zwischengespeicherbare Webinhalte anzuzeigen, nutzen Webentwickler HTTP -Cache -Header. Sie können Ihre Caching -Strategie anpassen, indem Sie verschiedene Cache -Header verwenden, die die Frische Ihrer statischen Inhalte oder Ressourcen sicherstellen.
Zum Beispiel, "Cache-Kontroll: max-alte = 3600”Erklärt, dass die bestimmte Datei nur eine Stunde später zwischengespeichert werden kann. Eine einzelne oder Gruppe von Dateien separat zu markieren kann zeitaufwändig sein. Durch die Implementierung kognitiver Methoden, mit denen die Cache -Header überschrieben werden kann, können Sie mit modernen CDNs diese Praxis vermeiden.
Jetzt zeigen wir Ihnen, wie Sie das statische Caching mithilfe von HTTP -Caching in Nginx aktivieren können. Wenn Ihre Website viele statische Ressourcen oder Inhalte umfasst, können Sie mit der bereitgestellten Methode das Laden von Webseiten beschleunigen. Um der folgenden Methode zu folgen, sollten Sie Nginx auf Ihrem System installieren und aktivieren lassen.
So aktivieren Sie statische Ressourcen mithilfe von HTTP -Caching in Nginx Caching
Erstens drücken Sie “Strg+Alt+tOpen Terminal. Führen Sie danach den folgenden Befehl aus, um die Nginx-Konfigurationsdatei in Ihrem Nano-Editor zu öffnen:
$ sudo nano/etc/nginx/nginx.Conf
Wir ermöglichen das statische Caching in der Standard -Nginx -Datei. Wenn Sie über mehrere virtuelle Hosts und Websites verfügen, müssen Sie die folgenden Einstellungen in jeder Konfigurationsdatei hinzufügen:
Fügen Sie die folgenden Zeilen hinzu, um die statischen Ressourcen wie CSS -Dateien, Bilder, Symbole und JavaScript -Dateien zu zwischenstrahlen:
Ort ~* \.(css
Access_log aus;
läuft max ab;
Wir haben die "hinzugefügt"Access_log aus”So deaktivieren Sie den Zugriff auf Protokoll. Während die "läuft abDer Header umfasst die Informationen zur Verfügbarkeit des zwischengespeicherten Inhalts in Ihrem Browser -Cache. “läuft ab" ist ein HTTP -Header Dies kann in den Blöcken platziert werden, die in der Konfigurationsdatei wie die vorhanden sind Server, http , und das Standort Block. Normalerweise das “läuft abDer HTTP -Header wird im Speicherblock zum Zwischenspeichern der statischen Dateien hinzugefügt:
Jetzt drücken "Strg+oUm die Änderungen zu speichern, die wir in der Nginx -Konfigurationsdatei vorgenommen haben:
Führen Sie das ausnginxBefehl mit dem “-T”Option, um die zu testen Nginx Konfigurationsdatei und ihre Syntax:
$ sudo nginx -t
Starten Sie nun den Nginx neu, indem Sie den folgenden Befehl in Ihrem Terminal eingeben:
$ sudo systemctl starten nginx neu
So testen Sie die Zwischenspeicherung statischer Ressourcen mithilfe von HTTP -Header Live in Nginx
Für Ihre Website, die auf einem läuft Nginx Webserver können Sie die HTTP -Header -Live -Erweiterung in Ihrem Browser hinzufügen, um den Caching -Prozess zu testen.
Zum Beispiel fügen wir unserem Firefox -Browser den HTTP -Header live hinzu, indem wir auf die “klickenZu Firefox hinzufügen" Taste:
Ermöglichen Sie dem HTTP-Header live für den Zugriff auf die Website und den Browser-bezogenen Daten:
Öffnen Sie als Nächstes Ihre Website, für die Sie das statische Inhalt in seiner Konfigurationsdatei aktiviert haben, und Sie werden feststellen, dass der HTTP -Header alle Informationen zu Cache -Ressourcen anzeigt:
Sie können auch drücken “Strg+Verschiebung+iUm die Entwicklerwerkzeuge zu öffnen. Laden Sie Ihre Website einige Male und Sie werden feststellen, dass die Web -Ladungsgeschwindigkeit stark verbessert wird, da die meisten Ressourcen während der ersten Ladung der Webseite zwischengespeichert werden:
Abschluss
Auf einer Website sind statische Inhalte eine Art von Inhalten, der sich nicht auf Webseiten ändert. Wenn Ihre Website statische Ressourcen oder Inhalte umfasst, können Sie ihre Leistung verbessern, indem Sie das Caching aktivieren, wodurch statische Inhalte für einen schnelleren Zugriff im Browser gespeichert sind. In diesem Beitrag haben wir erklärt, was statischer Inhalt Ist, Wie statisches Caching in Nginx funktioniert, und du kannst Cache statische Ressourcen oder Inhalte mithilfe von HTTP -Caching in Nginx. Darüber hinaus haben wir auch gezeigt, wie zum Testen von statischen Ressourcen mithilfe von HTTP -Header live zu testen.