Como implementar la caché del navegador (browser) para tu sitio web y mejorar sus tiempos de carga

Como implementar la web del navegador (browser, web caché) para tu sitio web y mejorar sus tiempos de carga.Forma de hacerlo, manera de ponerla a andar, a funcionar.

Hemos recorrido un camino interesante: Aprendimos que era la web caché y las diferencias con las cookies (Blog HostDime Colombia), ahora queremos poner en práctica lo aprendido y beneficiarnos del concepto.

Cómo activarla

Vamos al administrador de archivos o ficheros (o usemos un gestor de FTP o por le método que prefiera), en el home del sitio web localizamos el archivo .htaccess y añadimos la siguientes líneas, preferiblemente luego de las que pusimos de compresión gzip:

## BEGIN BROWSER CACHING ## ExpiresActive On ExpiresByType image/jpg "access 1 year" ExpiresByType image/jpeg "access 1 year" ExpiresByType image/gif "access 1 year" ExpiresByType image/png "access 1 year" ExpiresByType text/css "access 1 month" ExpiresByType application/pdf "access 1 month" ExpiresByType text/x-javascript "access 1 month" ExpiresByType application/javascript "access 1 month" ExpiresByType application/x-javascript "access 1 month" ExpiresByType application/x-shockwave-flash "access 1 month" ExpiresByType image/x-icon "access 1 year" ## END BROWSER CACHING ##

En resumen

Básicamente lo que hacemos es decirle al navegador, a partir de este momento, las imágenes en formatos jpg, jpeg, gif, icon y png, los va a conservar en el browser del usuario por un año salvo que se actualicen.Digamos que se pone así tan a largo plazo porque no suelen cambiar.
Aplicamos el mismo concepto a los css, pdf, Js pero solo a un mes pues esto si tiene una frecuencia de cambio mayor.Habrá quien desee añadir así mismo los ficheros html y xml por ejemplo, es cuestión de gustos.

Próximamente más tips para hacer de tu sitio web un Turbo, algo de máxima velocidad y que tiemble el internet.

Leer también: ¿Sabes si tu página está optimizada para móviles? ¡Averigualo!, ¿Qué es el Pagespeed insights de Google? Como usar, ¿Cómo puedo optimizar la velocidad de carga de mi web?