Prevención del almacenamiento en caché de archivos CSS del lado del servidor con Apache

Al desarrollar sitios web, es fundamental garantizar que los visitantes accedan a las últimas versiones de Archivos CSS para evitar problemas de almacenamiento en caché. Este artículo aborda la cuestión de si Apache almacena en caché los recursos y proporciona una solución para evitar que lo haga, especialmente cuando se encuentra un escenario en el que los cambios de CSS no se reflejan en el navegador a pesar de recargar la página.

Es ¿Es cierto que Apache almacena recursos en caché?

Sí, Apache puede almacenar en caché recursos como archivos CSS para mejorar los tiempos de carga de la página. Este comportamiento está controlado principalmente por el módulo mod_expires, que especifica fechas de vencimiento para diferentes tipos de archivos. Para comprobar si Apache está almacenando en caché archivos CSS en su servidor, puede seguir los siguientes pasos:

1. Abra un símbolo del sistema o una ventana de terminal.
2. Navegue hasta el directorio de configuración de Apache (normalmente /etc/apache2).
3. Edite el archivo .htaccess en el directorio public_html.
4. Agregue el siguiente código:

ExpiresActive On
ExpiresDefault "access plus 0 seconds"
ExpiresByType text/css "access plus 0 seconds"

5. Guarde el archivo y reinicie Apache.
6. Abra el navegador y actualice la página. Si el archivo CSS se actualizó, debería ver los cambios inmediatamente.

¿Cómo evitar que Apache almacene en caché los archivos CSS?

Para evitar que Apache almacene en caché Archivos CSS, puede establecer la fecha de vencimiento de los archivos CSS en una duración corta, como cero segundos. Al hacer esto, el navegador siempre buscará la última versión del archivo CSS del servidor en lugar de utilizar la versión almacenada en caché. Así es como puedes hacerlo:

1. Ubica el archivo .htaccess en el directorio public_html.
2. Agrega la siguiente línea:

ExpiresByType text/css "access plus 0 seconds"

3. Guarde el archivo y reinicie Apache.

Alternativamente, puede usar una cadena de consulta para forzar al navegador a recargar el archivo CSS cada vez se solicita. Por ejemplo, puede cambiar su enlace CSS a lo siguiente:

Cuando actualice el archivo CSS, incremente el valor del parámetro v para forzar una recarga.