Would you like to learn how to configure Apache Browser Caching feature? In this tutorial, we are going to show you all the steps required to configure the Apache Browser Caching feature on a computer running Ubuntu Linux.

• Ubuntu version: 18.04

Lista de Hardware:

La siguiente sección presenta la lista de equipos utilizados para crear este tutorial de WordPress.

Todas las piezas de hardware mencionadas anteriormente se pueden encontrar en el sitio web de Amazon.

WordPress Playlist:

En esta página, ofrecemos acceso rápido a una lista de videos relacionados con la instalación de WordPress.

No olvides suscribirte a nuestro canal de youtube llamado FKIT.

Tutoriales Relacionados con WordPress:

En esta página, ofrecemos acceso rápido a una lista de tutoriales relacionados con la instalación de WordPress.

Tutorial – Configuración de Caché del Navegador Apache

Primero, necesitas instalar el servidor web Apache.

En la consola de Linux, use los siguientes comandos para instalar Apache.

# apt-get update
# apt-get install apache2

Ahora, necesitas habilitar los siguientes módulos de Apache:

• mod_headers
• mod_expires

Use los siguientes comandos para habilitar mod_headers y mod_expires.

# a2enmod headers
# a2enmod expires

# systemctl restart apache2

Editar el archivo de configuración apache2.conf.

# vi /etc/apache2/apache2.conf

Al final del archivo, ingrese la configuración de caché del navegador deseada.

Como ejemplo, aquí está nuestra configuración.

<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>

Para activar la nueva configuración, necesita reiniciar Apache.

# systemctl restart apache2

Tenga en cuenta que debe especificar la cantidad deseada de tiempo de almacenamiento en caché del navegador para satisfacer sus necesidades.

Pruebas – Configuración de Caché del Navegador Apache

Para probar la configuración de la memoria caché del navegador, vamos a crear una página HTML básica con una imagen

# cd /var/www/html
# wget https://techexpert.tips/wp-content/uploads/2017/12/TechExpert-Logo-Small.png
# vi test.html

Aquí está el contenido del archivo test.html.

<html>
<body>
<h1>TEST header</h1><br>
<img src=»TechExpert-Logo-Small.png»>
</body>

</html>

Instale el software requerido para probar la función de caché del navegador Apache.

# apt-get update
# apt-get install wget curl

Utilice el siguiente comando para probar la función de almacenamiento en caché del navegador en documentos HTML utilizando WGET.

Tenga en cuenta que debe cambiar 200.200.200.200 a la dirección IP de su servidor.

# wget -S http://200.200.200.200/test.html

Aquí está el resultado de la configuración del caché del navegador antes de nuestra configuración:

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]

Aquí está el resultado de la configuración del Caché del navegador después de nuestra configuración:

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’

Como puede ver, nuestra configuración especifica un caché de un día para documentos HTML.

• ExpiresByType text / html «acceso más 1 días»

El resultado de WGET muestra que el archivo HTML se mantendrá hasta mañana.

• Caduca el sábado 15 de diciembre de 2018 17:05:04 GMT

Utilice el siguiente comando para probar la función de almacenamiento en caché del navegador para imágenes PNG utilizando CURL.

# curl -svo /dev/null http://200.200.200.200/TechExpert-Logo-Small.png

Aquí está el resultado de la configuración del caché del navegador antes de nuestra configuración:

* 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]

Aquí está el resultado de la configuración del Caché del navegador después de nuestra configuración:

* 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]

Como puede ver, nuestra configuración especifica un caché de un mes para las imágenes PNG.

• ExpiresByType image / png «acceso más 1 mes»

El resultado de CURL muestra que el archivo PNG se mantendrá hasta el 13 de enero.

• Vence: dom., 13 de enero de 2019 17:18:04 GMT