Cache control Expire

[rogeliomx]

Como le hago para decirle al navegador que mis archivos js y Css expiren en un determinado tiempo, estoy checand la velocidad de mi sitio y salgo muy jodido en eso.

[emprear]

Te conviene hacerlo via .htaccess si está disponible

Código Apache:

<FilesMatch "\.(txt|xml|js|css)$">
Header set Cache-Control "max-age=10800"
</FilesMatch>
 

10800 es el tiempo en segundos, cambialo según tus necesidades

Si lo haces por medio de php, tus archivos deberán ser procesados por php

ejemplo
estilos.css.php

Código PHP:

<?php
$archivo = $_SERVER['SCRIPT_FILENAME'];
$expira = 60 * 60 * 24 * 365;
$ExpStr = "Expires:" . gmdate("D,d M Y H:i:s",time() + $expira) . " GMT";
$ft = filemtime($archivo);
$time = time() - $ft;
$eTag = "ci-".md5($archivo.$ft);
header("Content-Type: text/css;charset=utf-8");
header("Cache-Control: public, max-age=$expira");
header($ExpStr);
header('Last-Modified: '.gmdate('D, d M Y H:i:s', $ft).' GMT');
header('ETag: "'.$eTag.'"');
ob_start("ob_gzhandler");
?>
 
/*estilos */
 

el valor 365 representa el número de días, cambialo según tus necesidades
ob_start("ob_gzhandler"); agrgamos también compresión gzip
En el caso de los css, idem, salvo que
header("Content-Type: text/css;charset=utf-8");
debe de ser
header("Content-Type: text/javascript;charset=utf-8");

Saludos