Como actualizar el CSS de cache-control en DataLife Engine

Como actualizar el CSS de cache-control en DataLife EngineEn este tutoriales en linea mostraremos como actualizar el CSS de cache-control en DataLife Engine, es decir en ocasiones modificamos nuestro diseño pero los cambios no se ven reflejados, esto es debido por que el Cache-Control y Expires no leen el nuevo archivo CSS, siguiendo los tutoriales en linea anteriores donde activamos el cache en el .htaccess.
Hoy en día la mayoría de los navegadores modernos toman en cuenta la URL para los archivos CSS, si se encuentra una URL diferente a la anterior, el navegador lo tomará como un diferente archivo y lo descargará. La mayoría de los CDN's tienen soporte para esto y lo recomiendan. 
# Configuramos varios tipos archivos a la vez que se guardarán en la cache
<FilesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)(\.gz)?$">
  # Así mismo, establecemos la fecha que se eliminarán los archivos de la cache
  Header set Expires "Thu, 15 Apr 2020 20:00:00 GMT"
</FilesMatch>
o
# Configurando un solo tipo de archivo a la vez
<IfModule mod_expires.c>
  ExpiresActive on
  ExpiresByType text/css "access plus 1 year" 
  ExpiresByType application/jаvascript "access plus 1 year" 
</IfModule>
Por ejemplo, imaginemos que tienes el siguiente archivo importado en tu HTML.
<link rel="stylesheet" href="style.css?v=3.4.1">
Ahora imagina que acabas de hacer un pequeño cambio en ese archivo. Podemos cambiar el enlace a:
<link rel="stylesheet" href="style.css?v=3.4.2">
Con este cambio el navegador lo tomará como un nuevo archivo y descargará una copia nueva.

Podemos hacer este proceso más fácil estableciendo una variable en el lado del servidor y utilizarla en multiples lugares. Una vez que cambie el valor de la variable "romperá" el cache y descargará todos los archivos nuevos.
<?php $cssVersion = "3.4.2"; ?> 

<link rel="stylesheet" href="style-1.css?v=<?php echo $cssVersion; ?>">
<link rel="stylesheet" href="style-2.css?v=<?php echo $cssVersion; ?>">


<a onclick=Tutoriales En Linea" class='avatar avatar-64 photo' height='64' width='64'>
  • Autor:
  • Editor:
      Tutoriales En Linea
  • Fecha:2019-07-20
  • Categorias: Diseño Web DataLife Engine CSS3 WebSite webmasters Noticias Tutorial



Información
Usuarios que no esten registrados no pueden dejar comentarios, te invitamos a que te registre!