So ändern Sie den JS- und CSS-Cache in Dateien über PHP

Da sich die Website weiterentwickelt, müssen wir häufig die JS- und CSS-Dateien auf der Website aktualisieren. Wir alle wissen jedoch, dass Browser über einen Caching-Mechanismus verfügen. Wenn Benutzer die Website durchsuchen, werden die neuen JS- und CSS-Dateien daher nicht aktualisiert und sie verwenden weiterhin die alten Dateien, deren Zwischenspeicherung lange dauert Dies wirkt sich auf die Benutzererfahrung der Website aus. Wie kann man dieses Problem lösen? In diesem Artikel erfahren Sie heute, wie Sie den JS- und CSS-Cache in der Datei über PHP ändern, sodass Benutzer beim Besuch der Website die neuesten JS- und CSS-Dateien verwenden können.

Was ist Cache?

Bevor wir vorstellen, wie man den JS- und CSS-Cache innerhalb der Datei ändert, müssen wir verstehen, was Cache ist. Unter Caching versteht man die vorübergehende lokale Speicherung angeforderter Daten, damit beim nächsten Informationsbedarf schneller darauf zugegriffen werden kann. Der größte Vorteil des Caching besteht darin, dass es die Belastung des Servers reduziert und dadurch die Leistung der Website verbessert. Mangelndes Caching kann jedoch dazu führen, dass der Browser abgelaufene Dateien anstelle der neuesten Versionen verwendet. Aus diesem Grund müssen wir den JS- und CSS-Cache innerhalb der Datei ändern.

Ändern Sie den JS- und CSS-Cache

Bevor wir jedoch den JS- und CSS-Cache ändern, müssen wir die Grundkenntnisse der HTTP-Statuscodes verstehen. Der HTTP-Statuscode ist ein dreistelliger Zahlencode, der dem Client das Ergebnis der Anfrage mitteilt. Unter anderem bedeutet HTTP 200, dass die Anfrage erfolgreich war, während HTTP 304 bedeutet, dass Ihre Ressource noch nicht aktualisiert wurde. Wenn wir möchten, dass der Browser neue JS- und CSS-Dateien verwendet, müssen wir den HTTP-Statuscode ändern, um dem Browser mitzuteilen, dass die Datei jedes Mal erneut angefordert werden muss.

Versionsnummer hinzufügen

Als erstes müssen wir am Ende des JS- und CSS-Codes eine Versionsnummer hinzufügen. Beim Update wird die Versionsnummer entsprechend geändert und der Browser fordert die Datei aufgrund der Änderung der Versionsnummer erneut an. Die Versionsnummer kann hierbei ein Zeitstempel oder ein beliebig definierter String sein.

<link rel="stylesheet" href="/css/main.css?v=xxx" type="text/css">
<script src="/js/main.js?v=xxxx"></script>

Ändern Sie den Dateicache über PHP

Es gibt zwei Möglichkeiten, den Dateicache zu ändern: über PHP-Header-Informationen und über htaccess-Dateien

Über PHP-Header-Informationen

Die Funktion header() von PHP kann http-Header-Informationen festlegen. Mit der Funktion header() können wir die http-Header-Informationen Cache-Control, Pragma (Protokoll) und Expires (absolute Ablaufzeit) festlegen, um dem Browser mitzuteilen, dass er nicht zwischenspeichern soll. Wie folgt:

// 设置js和css文件不缓存
header('Cache-Control:no-cache,must-revalidate');
header('Pragma:no-cache');
header('Expires:0');

Über die htaccess-Datei

htaccess ist eine Konfigurationsdatei, die zum Konfigurieren des Apache-Webservers verwendet wird. Wir können den Cache ändern, indem wir den Inhalt der htaccess-Datei ändern. Fügen Sie nach der .htaccess-Datei den folgenden Code hinzu, damit der Browser die Datei erneut anfordert:

<IfModule mod_expires.c>
  ExpiresActive on
  ExpiresDefault "access plus 1 year"
</IfModule>

Zusammenfassung

In diesem Artikel haben wir gelernt, was Cache ist und wie man den JS- und CSS-Cache in der Datei über PHP ändert, um ihn aufzulösen Probleme mit dem Browser-Cache. Wir haben zwei Methoden eingeführt: Ändern des Caches über PHP-Header-Informationen und htaccess-Dateien. Auf diese Weise können wir im zukünftigen Website-Entwicklungsprozess das Caching-Problem besser lösen und die Betriebseffizienz und Benutzererfahrung der Website verbessern.

Das obige ist der detaillierte Inhalt vonSo ändern Sie den JS- und CSS-Cache in Dateien über PHP. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!