Mejora el tiempo de carga de tu web con htaccess

Aunque hay muchos buenos metodos para disminuir el tiempo de carga de una web y mejorar su carga, se suele desaprovechar una gran herramienta de cacheo como es el navegador web de los usuarios que visitan nuestra página. Cuando abrimos una URL, nuestro navegador guarda parte del contenido para que la próxima vez la página cargue más rápido, y lo podemos aprovechar.

Desde el .htaccess podemos indicarle al navegador cuanto tiempo queremos que cachee ciertos tipos de archivos. Como normalmente los que más tiempo permanecen inalterables son los JS, las imágenes, los iconos y los éstilos, añadiremos las siguientes líneas al .htaccess para cachearlos durante un año. (3600seg x 24h x 365dias = 31536000seg)

[ # == CACHEO EN NAVEGADOR == <IfModule mod_expires.c> ExpiresActive On ExpiresByType text/css A31536000 ExpiresByType image/x-icon A31536000 ExpiresByType application/x-javascript A31536000 ExpiresByType image/gif A31536000 ExpiresByType image/png A31536000 ExpiresByType image/jpeg A31536000 ExpiresByType image/jpg A31536000 </IfModule>]

Ésto le ahorrará al usuario que repite en tu web unos segundos de espera porque habrá bastantes archivos que su navegador guardará durante más tiempo. Pero ahora tenemos un problema si queremos cambiar alguna cosa, porque para verlo debemos borrar la caché del navegador. Por eso eso cuando llamemos a un CSS (es aplicable al resto de tipos de archivo) es mejor hacerlo de la siguiente manera: http://tudominio.com/styles/style.css?v1. Cómo el navegador cachea por URLs, añadiendo la versión como variable al final (?v1) hacemos que no cachee el archivo style.css sino el style.css?v1. Cuando lo modifiquemos bastará con cambiar la ruta a style.css?v2 y el navegador no usará la caché porque para él es un archivo nuevo.

Si además estamos programando, conviene meter en el archivo de configuración una variable con la versión y usarla a la hora de llamar a estos archivos, para que al hacer el cambio de versión lo tengamos que indicar en un solo sitio.

¿Qué te pareció?

Nombre

Adblock Adobe Flash AJAX Algoritmos Anuncios API Blogger Blogging Buscadores chrome web store Código Fuente CSS CSS 3 CV Dart Depurar Desarrollo Web Diseño Diseño Grafico Diseño Web Documentación Efectos Facebook Firefox Foros Fotografias Frances Bean Cobain Gadgets General Geolocalizar Google Google Analytics Google Chrome Google Imágenes Google Music Google Reader Google+ Herramientas Hotmail HTML HTML5 Imágenes Información Informática Instagram Internet Internet Explorer Internet Explorer 10 Javascript jQuery Kurt Cobain Librerías Marketing Microsoft Monetización Web Mozilla Firefox 8 MySQL Navegadores Noticias Optimización Web PageSpeed Insights PayPal Personal Photoshop PHP Plantillas Programación Programas Programas Web Proyectos Redes Sociales ScreensHots Scripts Seguridad SEO Servicios Web Sesiones Snippets SoniTube Spam Steve Jobs Templates Themes Thumbalizr Tips Trucos Tutoriales Twitter Utilidades Vectores Virus Web Widgets Windows 7 Windows 8 Windows Mobile Windows XP WordPress XSS Youtube
false
ltr
item
OnSoni: Mejora el tiempo de carga de tu web con htaccess
Mejora el tiempo de carga de tu web con htaccess
OnSoni
http://www.onsoni.com/2011/11/mejora-el-tiempo-de-carga-de-tu-web-con.html
http://www.onsoni.com/
http://www.onsoni.com/
http://www.onsoni.com/2011/11/mejora-el-tiempo-de-carga-de-tu-web-con.html
true
8818836675902573334
UTF-8
Not found any posts Not found any related posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU Etiqueta ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Contents Ver también Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copiar todo el codigo Seleccionar todo el Código Todo el código se ha copiado en el portapapeles Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy