Exploateaza sistemul de caching al browserelor

Salut,

Cresterea vitezei de (re)afisare a paginii web in browser

Prima postare pe acest blog se refera la optimizarea paginilor de internet:  cresterea vitezei de afisare a paginii web la incarcari repetate in browser.

Dpdv tehnic: vom folosi capacitatea de “caching” a browserelor.

• Scop: la incarcarea repetata a paginilor vom forta ca imaginile sa se incarce din depozitul “cache” al browserului de pe calculatorul pe care este instalat (al utilizatorului deci…)
• Rezultat dublu:

1. reducerea traficului in retea si a consumului de banda
2. viteza crescuta de incarcare a paginii si deci experienta satisfacatoare pentru user

• Ce folosim?

Folosim directive in fisierul .htaccess: headerele Expires si Etags. Fisierul .htaccess va trebui sa arate cam asa:

• Observatii:

1. daca exista un proxy, atunci vor avea prioritate headerele puse pe acel proxy si codul din htaccess nu va avea rezultatul urmarit
2. Perioada maxima de pastrare in  cache a elementelor statice (imagini) este 1 an; Pentru fisiere .css, .js si eventual .html perioada este 300 secunde, adica 5 minute. (Modificarile in aceste fisiere vor fi vizibile la utilizator dupa cateva minute de la upload)

• Rezultatul obtinut:

1. Numarul cererilor catre server pentru imagini la a doua incarcare a paginii vor fi semnificativ mai putine.
2. Viteza de incarcare a paginii va fi considerabil crescuta. (Incarcare aproximativ instantanee)

Resurse:

• Leverage browser caching
• Apache Caching Guide