Usted está aquí

Consejos para mejorar el rendimiento de nuestro sitio web a través de la caché del navegador

Escrito por Ing. Maikel Maldonado del Toro, 23 de Marzo, del 2017
 rendimiento caché navegador Apache

Un problema cotidiano a presentarse en portales y sitios web con gran volumen de información, es el rendimiento, al cargar para mostrar los contenidos al usuario final. Cada vez que un navegador carga una página tiene que descargar todos los archivos de Internet para su correcta visualización: esto incluye el HTML, CSS, JavaScript, imágenes, etc.

La consecuencia de esta descarga de archivos provoca que:

- Los archivos grandes tardan más en cargarse (extremadamente lento con conexiones lentas).

- Cada archivo realiza una petición separada al servidor. Mientras más peticiones se hagan al servidor más trabajo tiene que hacer este, lo que reduce aún más la velocidad de carga de la página.

Analizando los elementos anteriores podemos determinar que la caché del navegador ofrece una solución mediante el almacenamiento local de algunos de estos archivos en el navegador del usuario.

Se debe tener en cuenta que la primera visita al sitio tendrá el mismo tiempo de carga, sin embargo, al usuario regresar a visitarlo, actualiza la página o incluso se mueve a otra página en el mismo, con lo que ya este usuario tendría algunos de los archivos que necesita a nivel local en su navegador.

Entonces, podemos resumir, que cuando un sitio ya se cargó en la caché del navegador del usuario se minimiza la cantidad de datos a descargar, y además se producirán un menor número de peticiones al servidor, con lo que los tiempos de carga disminuyen.

Nuestro consejo para usuarios es ¨Habilitar la caché del navegador¨ utilizando el módulo de “expires” de Apache (mod_expires).

El módulo expires es una herramienta del servidor Apache cuya función es informar al navegador del usuario cuánto tiempo se recomienda que un objeto se guarde en su cache; para habilitarla se necesita modificar las cabeceras HTTP de las peticiones para establecer las fechas de expiración para ciertos tipos de archivos (solo funciona si el módulo expires está activado).

Para activar este módulo de Apache debemos ejecutar en consola los comandos:

sudo a2enmod expires
sudo /etc/init.d/apache2 restart

Posteriormente se procede a configurar mod_expires en el archivo .htaccess de nuestro sitio y colocar lo siguiente:

 

## EXPIRES CACHING ##

<IfModule mod_expires.c>

ExpiresActive On

ExpiresByType image/jpg "access plus 1 year"

ExpiresByType image/jpeg "access plus 1 year"

ExpiresByType image/gif "access plus 1 year"

ExpiresByType image/png "access plus 1 year"

ExpiresByType text/css "access plus 1 month"

ExpiresByType application/pdf "access plus 1 month"

ExpiresByType text/x-javascript "access plus 1 month"

ExpiresByType application/x-shockwave-flash "access plus 1 month"

ExpiresByType image/x-icon "access plus 1 year"

ExpiresDefault "access plus 2 days"

</IfModule>

## EXPIRES CACHING ##

Para comprender mejor lo que hemos hecho, vamos a la primera línea:

ExpiresActive on

indica que el módulo expires debe estar activado. Ahora vamos a ver las reglas necesarias que siguen la siguiente estructura:

ExpiresByType [tipo mime] “access plus [numero] [franja]”

La franja permite una de las siguientes opciones: (year,month,week,day,hour,minute,second).

Esta técnica que ofrecemos es muy recomendada por Google y Gtmetrix, esperamos que les sea útil, déjanos saber tu experiencia.

Louispam
2020-01-10
You have made your stand pretty effectively!! [url=https://canadianpharmacyntv.com/]pharmacy northwest canada[/url]
Richardmoisy
2020-01-10
Helpful material. Appreciate it. best kratom for pain
ClarkNal
2020-01-10
Thanks! Loads of data. [url=https://canadianpharmacyntv.com/]canadianpharmacy[/url] [url=https://canadianonlinepharmacytrust.com/]canadian viagra[/url]
pg 1
2020-05-20
I simply had to thank you very much yet again. I am not sure what I would have created without the type of smart ideas documented by you directly on that concern. It has been a real frightful situation in my circumstances, but being able to view the very professional technique you managed that forced me to cry with contentment. I am happier for your advice and hope that you know what an amazing job your are accomplishing training people today through the use of your web site. I am sure you've never met any of us.
ErnestGup
2020-01-10
Fantastic information, With thanks. Finasteride Side Effects Mayo
balenciaga shoes
2020-08-01
I wanted to write you one tiny observation so as to say thanks yet again for these superb ideas you've shown above. It is really tremendously generous of people like you to present easily all many people would have distributed as an e book in order to make some profit on their own, precisely since you could have done it in case you desired. Those points in addition served to be a good way to be aware that the rest have similar passion similar to my very own to know the truth much more on the topic of this problem. Certainly there are numerous more pleasant periods up front for those who view your blog post.
balenciaga shoes
2020-08-04
I needed to write you a very small observation to finally give many thanks again regarding the incredible tricks you've contributed on this page. This has been certainly pretty open-handed of people like you to offer easily all that a few individuals would've offered for sale as an ebook in order to make some money for themselves, primarily given that you could possibly have done it if you ever desired. The guidelines likewise worked to be a good way to understand that many people have similar passion really like my very own to realize more and more with regard to this matter. I am sure there are lots of more fun opportunities in the future for individuals that looked over your site.
Larrytug
2020-01-10
Appreciate it, A lot of stuff. atarax medication

Páginas