Möchten Sie erfahren, wie Sie die Apache-Browser-Caching-Funktion konfigurieren? In diesem Lernprogramm zeigen wir Ihnen alle Schritte, die zum Konfigurieren der Funktion Apache Browser Caching auf einem Computer mit Ubuntu Linux erforderlich sind.
• Ubuntu-Version: 18.04
Hardware-Liste:
Im folgenden Abschnitt wird die Liste der zum Erstellen dieses WordPress-Lernprogramms verwendeten Geräte aufgeführt.
Alle oben aufgeführten Hardwarekomponenten finden Sie auf der Amazon-Website.
WordPress Playlist:
Auf dieser Seite bieten wir schnellen Zugriff auf eine Liste von Videos, die sich auf die Installation von WordPress beziehen.
Vergessen Sie nicht, unseren Youtube-Kanal mit dem Namen FKIT.
WordPress-bezogenes Tutorial:
Auf dieser Seite bieten wir schnellen Zugriff auf eine Liste mit Anleitungen zur Installation von WordPress.
Lernprogramm - Konfiguration des Apache-Browser-Caching
Zunächst müssen Sie den Apache-Webserver installieren.
Verwenden Sie in der Linux-Konsole die folgenden Befehle, um Apache zu installieren.
# apt-get update
# apt-get install apache2
Jetzt müssen Sie die folgenden Apache-Module aktivieren:
• mod_headers
• mod_expires
Verwenden Sie die folgenden Befehle, um mod_headers und mod_expires zu aktivieren.
# a2enmod headers
# a2enmod expires
# systemctl restart apache2
Bearbeiten Sie die Konfigurationsdatei apache2.conf.
# vi /etc/apache2/apache2.conf
Geben Sie am Ende der Datei die gewünschte Browser-Caching-Konfiguration ein.
Als Beispiel ist hier unsere Konfiguration.
<IfModule mod_expires.c>
ExpiresActive On
FileETag None
ExpiresDefault "access plus 14 days"
ExpiresByType image/jpg "access plus 1 month"
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/javascript "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType text/css "now plus 1 month"
ExpiresByType image/ico "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 month"
ExpiresByType text/html "access plus 1 days"
</IfModule>
Um die neue Konfiguration zu aktivieren, müssen Sie Apache neu starten.
# systemctl restart apache2
Beachten Sie, dass Sie die gewünschte Zeit für die Browser-Zwischenspeicherung angeben müssen, um Ihre Anforderungen zu erfüllen.
Testing - Apache Browser-Caching-Konfiguration
Erstellen Sie zum Testen der Browser-Cache-Konfiguration eine einfache HTML-Seite mit einem Bild
# cd /var/www/html
# wget https://techexpert.tips/wp-content/uploads/2017/12/TechExpert-Logo-Small.png
# vi test.html
Hier ist der Inhalt der test.html-Datei.
<html>
<body>
<h1>TEST header</h1><br>
<img src="TechExpert-Logo-Small.png">
</body>
</html>
Installieren Sie die erforderliche Software, um die Apache Browser Caching-Funktion zu testen.
# apt-get update
# apt-get install wget curl
Verwenden Sie den folgenden Befehl, um die Browser-Caching-Funktion in HTML-Dokumenten mit WGET zu testen.
Beachten Sie, dass Sie 200.200.200.200 in Ihre Server-IP-Adresse ändern müssen.
# wget -S http://200.200.200.200/test.html
Hier ist das Browser Caching Konfigurationsergebnis vor unserer Konfiguration:
HTTP request sent, awaiting response...
HTTP/1.1 200 OK
Date: Fri, 14 Dec 2018 16:58:36 GMT
Server: Apache/2.4.29 (Ubuntu)
Last-Modified: Fri, 14 Dec 2018 16:19:49 GMT
ETag: "64-57cfdcce7b707"
Accept-Ranges: bytes
Content-Length: 100
Vary: Accept-Encoding
Keep-Alive: timeout=5, max=100
Connection: Keep-Alive
Content-Type: text/html
Length: 100 [text/html]
Hier ist das Browser-Caching-Konfigurationsergebnis nach unserer Konfiguration:
HTTP request sent, awaiting response...
HTTP/1.1 200 OK
Date: Fri, 14 Dec 2018 17:05:04 GMT
Server: Apache/2.4.29 (Ubuntu)
Last-Modified: Fri, 14 Dec 2018 16:19:49 GMT
Accept-Ranges: bytes
Content-Length: 100
Cache-Control: max-age=86400
Expires: Sat, 15 Dec 2018 17:05:04 GMT
Vary: Accept-Encoding
Keep-Alive: timeout=5, max=100
Connection: Keep-Alive
Content-Type: text/html
Length: 100 [text/html]
Saving to: ‘test.html.3’
Wie Sie sehen, legt unsere Konfiguration einen Tag-Cache für HTML-Dokumente fest.
• ExpiresByType text / html "Zugriff plus 1 Tage"
Das WGET-Ergebnis zeigt, dass die HTML-Datei bis morgen aufbewahrt wird.
• Läuft ab: Sa, 15 Dec 2018 17:05:04 GMT
Verwenden Sie den folgenden Befehl, um die Browser-Cache-Funktion für PNG-Bilder mit CURL zu testen.
# curl -svo /dev/null http://200.200.200.200/TechExpert-Logo-Small.png
Hier ist das Browser Caching Konfigurationsergebnis vor unserer Konfiguration:
* TCP_NODELAY set
* Connected to 34.220.19.99 (34.220.19.99) port 80 (#0)
> GET /TechExpert-Logo-Small.png HTTP/1.1
> Host: 34.220.19.99
> User-Agent: curl/7.58.0
> Accept: */*
>
< HTTP/1.1 200 OK
< Date: Fri, 14 Dec 2018 17:24:32 GMT
< Server: Apache/2.4.29 (Ubuntu)
< Last-Modified: Sat, 24 Nov 2018 02:49:53 GMT
< ETag: "483-57b60277af640"
< Accept-Ranges: bytes
< Content-Length: 1155
< Content-Type: image/png
<
{ [1155 bytes data]
Hier ist das Browser-Caching-Konfigurationsergebnis nach unserer Konfiguration:
* TCP_NODELAY set
* Connected to 34.220.19.99 (34.220.19.99) port 80 (#0)
> GET /TechExpert-Logo-Small.png HTTP/1.1
> Host: 34.220.19.99
> User-Agent: curl/7.58.0
> Accept: */*
>
< HTTP/1.1 200 OK
< Date: Fri, 14 Dec 2018 17:18:04 GMT
< Server: Apache/2.4.29 (Ubuntu)
< Last-Modified: Sat, 24 Nov 2018 02:49:53 GMT
< Accept-Ranges: bytes
< Content-Length: 1155
< Cache-Control: max-age=2592000
< Expires: Sun, 13 Jan 2019 17:18:04 GMT
< Content-Type: image/png
<
{ [1155 bytes data]
Wie Sie sehen, legt unsere Konfiguration einen Monat Cache für PNG-Bilder fest.
• ExpiresByType image / png "Zugriff plus 1 Monat"
Das CURL-Ergebnis zeigt, dass die PNG-Datei bis zum 13. Januar aufbewahrt wird.
• Läuft ab: So, 13. Januar 2019 17:18:04 GMT
