Como implementar la caché del navegador (browser) para tu sitio web y mejorar sus tiempos de carga
Tiempo estimado de lectura: 3 minutos

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:

Como-implementar-la-caché-del-navegador-(browser)-para-tu-sitio-web-y-mejorar-sus-tiempos-de-carga2## 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?

Angel Eulises Ortiz

Angel Eulises Ortiz

Digital Marketing Consultant at HostDime Latinoamérica
Consultor y escritor sobre Marketing online, Social media y temas Geek en general.
Angel Eulises Ortiz

Deja un comentario