Perú

Lima,Perú

Optimizar nuestra web almacenar en caché

Fecha Publicación:       24 de Mayo de 2020
Fecha Modificación:       25 de Mayo de 2020

Cuando hacemos un test en Google PageSpeed Insights  , nos indica la siguiente recomendación sobre las mejoras de contenido estático:

Publica recursos estáticos con una política de caché eficaz 

Una duración en caché más larga puede aumentar el número de visitas repetidas a tu página. Más información

En realidad lo que nos quiere decir es que para mejorar la experiencia de usuario a la hora de cargar la web, el contenido estático como imágenes, hojas de estilo y javascript le podemos indicar una fecha de expiración para que no se cargue cada vez que el usuario accede a la página. hay dos opciones, desde PHP o desde .htacces. La primera opción te va permitir decir que páginas quieres que se aplique, en la segunda y más recomendable se aplicará a todo el conjunto de páginas.

Sintaxis de mod_expires de Apache

Veamos la sintaxis extraída de su página web oficial:

<IfModule mod_expires.c>
	ExpiresActive on|off
	ExpiresDefault    "access plus TIEMPO DE CACHE"
	ExpiresByType TIPO DE CONTENIDO    "access plus TIEMPO DE CACHE"
</IfModule>

 

Concepto:

  • ExpiresActive: Por defecto su valor es off, con el valor ‘on’ activamos el módulo mod_expires.
  • ExpiresDefault: Definimos el tiempo por defecto a cachear y que no haya sido cacheado con otra regla de ExpiresByType.
  • ExpiresByType: Definimos el tipo de contenido con su cacheo propio

 

En la directiva ExpiresDefault se puede definir los siguientes tiempos:

  • ExpiresDefault A3600           una hora
  • ExpiresDefault A604800       para una semana
  • ExpiresDefault A2592000     para un mes
  • ExpiresDefault A9030400     para un Año


El tiempo se expresa en AXXX, donde XXX son los segundos que posee el intervalo.

* Otra manera es usando los siguientes intervalos:  years, months, weeks, days, hours, minutes, seconds

  • ExpiresDefault  "access plus 0 seconds"         
  • ExpiresDefault  "access plus 2 weeks"
  • ExpiresDefault  "access plus 2 months"
  • ExpiresDefault  "access plus 6 months"
  • ExpiresDefault  "access plus 1 year"


Nota : si ponemos 0 segundos de chaché  (no cachear),  

Expiración utilizando .htacces

<ifmodule mod_expires.c>
 ExpiresActive On
 ExpiresDefault A3600

 <FilesMatch ".(gif|jpg|jpeg|png|swf)$">
 # 2 weeks
 ExpiresDefault A604800
 Header append Cache-Control "public"
 </FilesMatch>

 <FilesMatch ".(xml|txt|html)$">
 # 2 hours
 ExpiresDefault A604800
 Header append Cache-Control "public"
 </FilesMatch>

 <FilesMatch ".(js|css)$">
 # 3 days
 ExpiresDefault A604800
 Header append Cache-Control "public"
 </FilesMatch>
</ifmodule>

CSS en cache, js en cache, imagenes en cache

¿Cómo comprobar el resultado de los cambios realizados?

Para comprobar los efectos en el rendimiento de un sitio web donde se efectúen los cambios, utiliza cualquiera de los servicios para comprobar la velocidad de carga de cualquier página que se encuentre alojada en dicho sitio o subdominio donde se utilice y modifique el archivo .htaccess antes y despues.
Puedes utilizar:

 

Leidas : 587 Veces
Compartir: