Configuración del caché de archivos estáticos mediante .htaccess

Para configurar la caché, ve a «Archivos → Gestor de archivos»

Navega hasta la carpeta «public_html».

Por defecto, el archivo «.htaccess» está oculto. Haz clic en «Configuración» y marca «Mostrar archivos ocultos (dotfiles)».

A continuación, selecciona tu .htaccess y haz clic en «Editar».

En la ventana que aparece, haz clic en «Deshabilitar comprobación de codificación» y luego en el botón «Edit».

Puedes acelerar la carga del sitio usando la caché. Para ello, puedes utilizar el módulo headers del servidor web Apache, que permite controlar y modificar las cabeceras de las peticiones y respuestas HTTP. La idea es conseguir que el navegador descargue los datos que cambian con poca frecuencia desde el servidor una sola vez en la caché local y, en las visitas posteriores, los sirva directamente desde allí. Puedes configurar la caché para determinados tipos de archivos durante un tiempo definido, tras el cual los archivos se volverán a descargar desde el servidor.

<FilesMatch ".(flv|gif|jpg|jpeg|png|ico|swf|js|css|pdf)quot;>
Header set Cache-Control "max-age=2592000"
</FilesMatch>

Para los archivos con las extensiones indicadas, la directiva FilesMatch establece la cabecera Cache-Control enviada por el servidor y la variable max-age, que especifica el tiempo de almacenamiento de los archivos en la caché en segundos. Añade o elimina las extensiones de archivo que sean relevantes para tu caso.

Si ciertos archivos no necesitan caché, simplemente no los incluyas en la lista. También puedes deshabilitar la caché de forma explícita — lo más habitual es deshabilitarla para archivos dinámicos, como los distintos scripts. Añade el siguiente código a tu archivo .htaccess para deshabilitar la caché de scripts, realizando primero los ajustes necesarios para tu caso:

<FilesMatch ".(pl|php|cgi|spl|scgi|fcgi)quot;>
Header unset Cache-Control
</FilesMatch>

Como puedes ver, aquí se indican las extensiones de los archivos que no deben almacenarse en caché: especifica simplemente los tipos de archivo que necesites.

Otra forma de controlar la caché es usar el módulo expires. Este módulo gestiona la definición de las cabeceras HTTP para el almacenamiento en caché de datos en el lado del navegador. La duración del almacenamiento puede configurarse por tiempo, por la fecha de última modificación del archivo o por el momento de acceso del cliente.

A continuación se muestra un ejemplo sencillo de uso del módulo expires en un archivo .htaccess:

<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 1 month"

ExpiresByType image/gif "access plus 2 months"
ExpiresByType image/jpeg "access plus 2 months"
</IfModule>

En este ejemplo activamos el módulo, establecemos la caché predeterminada en 1 mes y luego configuramos un tiempo de retención de plus 2 months para los archivos gif y jpg. Los tiempos pueden especificarse en años, meses, semanas, días, horas, minutos y segundos. También puedes usar la siguiente forma:

ExpiresByType text/html "access plus 1 month 15 days 2 hours"
ExpiresByType image/gif "modification plus 5 hours 3 minutes

Como tipos de archivo puedes indicar distintos tipos MIME, aquí tienes algunos ejemplos:

image/x-icon
image/jpeg
image/png
image/gif
application/x-shockwave-flash
text/css
text/javascript
application/javascript
application/x-javascript
text/html
application/xhtml+xml

---