Eine einfache Möglichkeit, den CSS-, JavaScript- und Hintergrundbild-Cache im Browser zu leeren
|
Im eigentlichen Projektentwicklungsprozess wird die Seite auf den Server hochgeladen. Um die Belastung des Servers zu verringern und den Benutzern weniger Ladezeit zu ermöglichen, speichert der Browser Bilder, CSS und JS lokal im Cache, um sie beim nächsten Besuch der Website zu verwenden. Dadurch wird nicht nur die Belastung des Servers verringert, sondern auch die Anzahl der Downloads für die Benutzer reduziert, was zu einem besseren Benutzererlebnis führt. Beim Upgrade der Version oder bei einigen Anpassungen an CSS, JS usw. führt der Cache jedoch dazu, dass Benutzer den aktualisierten Stil nicht anzeigen können, was Probleme bereitet. Sofern der Benutzer den Cache nicht manuell aktualisiert, werden fast alle Benutzer den Cache nicht manuell leeren, um normal auf die Website zuzugreifen, da sie nicht wissen, ob es sich um ein Cache-Problem handelt. Letztendlich denken die Benutzer einfach, dass es ein Problem mit Ihrer Seite gibt und sie nicht normal aufgerufen werden kann. Um den Cache normal zu verwenden und solche Probleme zu vermeiden, können wir unseren Verstand nutzen und darüber nachdenken, wie wir dieses Problem lösen können. Wenn auf den geänderten Stil nicht normal zugegriffen werden kann, wie wäre es mit der Änderung des Stildateinamens? Die Antwort ist ja und wird hier nicht überprüft. Allerdings ist es offensichtlich zu mühsam, den Dateinamen jedes Mal manuell zu ändern. Ist es möglich, den Dateinamen nicht zu ändern? Die Antwort ist ja. Möglicherweise fügen wir nach dem Namen der importierten Datei eine Versionsnummer hinzu, die sich von der vorherigen Version unterscheidet (normalerweise das Aktualisierungsdatum). Der Code lautet wie folgt: Code kopieren Der Code lautet wie folgt:<link rel="stylesheet" type="text/css" href="reset.css?v=20140829"> <script type="text/javascript" src="core.js?v=20140829"></script> Sie können sehen, dass auf meinen CSS-Dateinamen und meinen JS-Dateinamen „v=20140829“ folgt. Auf diese Weise kann ich die Dateien zwischenspeichern, ohne den Dateinamen zu ändern, und sie in Echtzeit aktualisieren. „v=20140829“ ist nur eine allgemeine Schreibweise und kann durch andere ersetzt werden. Schließlich gibt es noch Bilder. Bilder mit img-Tags haben im Allgemeinen keine doppelten Namen, da die Dateinamen im Hintergrund generiert werden. Handelt es sich um ein Bild mit einem festen Dateinamen, ist die Vorgehensweise die gleiche wie oben. Was das Hintergrundbild betrifft, wird mit der Änderung des Stilnamens der Bildauflösungspfad natürlich synchron aktualisiert, sodass auch das Hintergrundbild aktualisiert wird. |
<<: Zusammenfassung der häufig verwendeten Datenbank- und Tabellen-Sharding-Lösungen von MySQL
>>: Detaillierte Erklärung der Grundkonzepte von HTML
Artikel empfehlen
Detaillierte Erläuterung des Prozesses zur Verwendung von Docker zum Erstellen einer PHP-Betriebssystemumgebung in der CentOS7-Umgebung
Verwandte Artikel: Installieren Sie Docker mit yu...
So verwenden Sie Celery und Docker zum Ausführen periodischer Aufgaben in Django
Wenn Sie Ihre Django-Anwendungen erstellen und sk...
Praktische Lösung für die Bereitstellung von Prometheus-Containern
Umfeld Hostname IP-Adresse Aufschlag Prometheus 1...
Verwendung und Unterschiedsanalyse von „Ersetzen in“ und „Einfügen in“ beim Update doppelter Schlüssel in MySQL
Dieser Artikel veranschaulicht anhand von Beispie...
Prinzip und Anwendungsbeispiele des URL-Umschreibmechanismus von Nginx
Durch das Umschreiben der URL lässt sich die bevo...
Detaillierte Erklärung des Ungültigkeitsprozesses des VUE-Tokens
Inhaltsverzeichnis Ziel Gedankenanalyse Code-Land...
Beispiel für utf8mb4-Sortierung in MySQL
Allgemeine utf8mb4-Sortierregeln in MySQL sind: u...
Schnelle Implementierung der Schritte zur Bereitstellung von Docker-Images in Intellij IDEA
Inhaltsverzeichnis 1. Docker ermöglicht Fernzugri...
MySql8 WITH RECURSIVE rekursive Abfrage Eltern-Kind-Sammlungsmethode
Hintergrund Wenn Sie eine Funktion entwickeln, di...
Verwenden von Schleifen in awk
Lernen wir verschiedene Arten von Schleifen kenne...
Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.18
In diesem Artikel wird das grafische Tutorial zur...
Einfaches Docker Swarm-Tutorial
Schwarm drei virtuelle Maschinen 132,133,134 1. I...
Detaillierte Erklärung des Hash-Jump-Prinzips von Vue
Inhaltsverzeichnis Der Unterschied zwischen Hash ...
Verwenden Sie Nginx, um einen Streaming-Media-Server zu erstellen und die Live-Übertragungsfunktion zu realisieren
Vorne geschrieben In den letzten Jahren ist die L...
So implementieren Sie E-Mail-Benachrichtigungen in Zabbix
Umgesetzt gemäß Online-Tutorial. zabbix3.4, mithi...