Inicia sesión


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; ?>">


  • 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!






Historia de los sistemas operativos

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-11-12
  • Categorias: Microsoft Windows Apple Ordenador Noticias Tutorial Informatica

Vacía tu mente, no tengas forma, ni figura

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-11-12
  • Categorias: Estilo Noticias Tutorial

Justificante de pago de Google Adsense

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-11-12
  • Categorias: Google Adsense WebSite Marketing Noticias Tutorial

Curso de iniciación de JavaScript

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-10-21
  • Categorias: Lenguajes De Programacion javascript Cursos Noticias Tutorial

Cómo insertar código JavaScript

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-10-21
  • Categorias: Lenguajes De Programacion javascript Cursos Noticias Tutorial

Expresiones JavaScript para especificar valores de atributos en HTML

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-10-21
  • Categorias: Lenguajes De Programacion javascript Cursos Noticias Tutorial