Almacenamiento de imágenes en Caché Imprimir

Configuración de la Caché del Navegador mediante .htaccess para Imágenes

Configurar la caché del navegador es una práctica fundamental para optimizar el rendimiento de un sitio web. Al indicar al navegador del visitante cuánto tiempo debe almacenar localmente recursos estáticos como imágenes, se reduce significativamente el número de peticiones HTTP al servidor en visitas subsecuentes. Esto resulta en tiempos de carga más rápidos para los usuarios recurrentes y una menor carga en el servidor de hosting.

El archivo .htaccess, disponible en servidores web Apache, permite aplicar directivas de configuración a nivel de directorio mediante el módulo mod_expires o mod_headers.

Pasos para configurar la expiración de caché de imágenes

Para implementar esta optimización, es necesario editar o crear el archivo .htaccess ubicado en el directorio raíz de su sitio web (generalmente public_html o www).

1. Acceso al Archivo: Acceda al servidor mediante FTP/SFTP o a través del Administrador de Archivos de su panel de control (cPanel, Plesk, etc.).
2. Activación de Expiración: Asegúrese de que la directiva ExpiresActive esté configurada como On.
3. Definición de Tiempos de Caché: Utilice la directiva ExpiresByType para especificar el tipo MIME del archivo y el tiempo que debe ser almacenado en caché por el navegador. Los tiempos se especifican en segundos, minutos, horas o unidades de tiempo como access plus 1 year.

A continuación, se muestra un bloque de código estándar para configurar la caché de imágenes comunes (JPEG, PNG, GIF) para que expiren después de un año:

<IfModule mod_expires.c>
    ExpiresActive On
    
    # Configuración por defecto para todos los archivos (opcional)
    ExpiresDefault "access plus 1 month"

    # Imágenes - 1 año (31536000 segundos)
    ExpiresByType image/jpeg "access plus 1 year"
    ExpiresByType image/png "access plus 1 year"
    ExpiresByType image/gif "access plus 1 year"
    ExpiresByType image/webp "access plus 1 year"
    
    # Iconos y otros tipos
    ExpiresByType image/x-icon "access plus 1 year"
    
    # Fuentes web (si aplica)
    ExpiresByType application/x-font-ttf "access plus 1 year"
    ExpiresByType font/ttf "access plus 1 year"
    ExpiresByType application/vnd.ms-fontobject "access plus 1 year"
    ExpiresByType application/font-woff "access plus 1 year"
    ExpiresByType application/font-woff2 "access plus 1 year"

</IfModule>

Nota Importante: Si ya existe un bloque <IfModule mod_expires.c> en su archivo, debe fusionar las nuevas directivas o asegurarse de que no haya conflictos de configuración.

Verificación de la Configuración

Para confirmar que las directivas de caché se están aplicando correctamente, utilice las herramientas de desarrollador de su navegador (generalmente presionando F12):

1. Abra la pestaña Network (Red).
2. Recargue la página de su sitio web.
3. Haga clic en una de las imágenes cargadas en la lista de recursos.
4. Revise los encabezados de respuesta (Response Headers). Debería encontrar un encabezado similar a Expires: Thu, 19 Nov 2026 10:00:00 GMT o Cache-Control: max-age=31536000.

Si el encabezado aparece, la configuración en el .htaccess ha sido procesada exitosamente por el servidor Apache.

Si necesita asistencia avanzada con la optimización de su servidor, la configuración de reglas complejas en .htaccess o requiere una revisión completa del rendimiento de su hosting, el equipo técnico de Avantys está disponible para ofrecerle soporte especializado a través de nuestros Servicios de Administración y Optimización de Servidores.