Sfat pentru viteza – Cercetarile Google

Afacerea companiei Google consta in a le oferi oamenilor posibiliitatea de a ajunge la informatia cautata cat mai rapid posibil, asadar merita sa fiti atenti la cercetarile lor in aceasta zona. Veti gasi blogul oficial Google Webmaster la googlewebmastercentral.blogspot.com. Cautati dupa “site speed” si derulati la aprilie 2010 pentru a vedea anuntul referitor la viteza site-urilor In articol poate fi gasit un link de studiu intern al Google publicat in iunie 2009. Google a experimentat incetinind pagina de rezultate si masurand cum afecteaza acest comportament utilizarea motorului de cautare. Rezultatele au fost revelatoare...

Vezi articol

Configuratia serverului

In partea de sus a fiecarui rezultat de la WebPagetest se afla un set de scoruri. Sectiunile precedente s-au ocupat de doua dintre scoruri, pentru compresia imaginilor, unde BBC a iesit bine, si pentru combinarea fisierelor JavaScript si CSS, unde rezultatul a fost prost. Urmatorul articol va fi despre Keep-Alive si compresia textului. Cachingul continutului static sau dinamic este tratat in casetele dedicate. Acronimul CDN provine de la Content Delivery Network si reprezinta folosirea mai multor servere pentru a distribui incarcarea, fie dupa un criteriu geografic, fie dupa tipul de continut(de ex. Un server separat pentru imagini) – operatiune potential scumpa si in consecinta de prioritate mai mica.

Vezi articol

Rulati codul JavaScript la incarcarea paginii

Rezultatul obtinut de pagina BBC-ului pe WebPagetest da trei rezultate diferite: inceperea afisarii la 2.889 secunde, document complet/timp de incarcare la 5.391 secunde si incarcare complet la 6.667 secunde. Aceasta din urma este timpul in care pagina s-a incarcat si afisat si evenimentul JavaScript onload a fost declansat si este timpul pe care Google il foloseste pentru a masura viteza paginii.

Asadar, pe cat posibil, este de ajutor rularea codului JavaScript neesential dupa ce pagina s-a incarcat. De exemplu, daca pagina include o prezentare cu 10 imagini creata in JavaScript, nu este necesara descarcarea celor 10 imagini inca de la inceput. Trebuie descarcata doar prima, pentru ca utilizatorul sa aiba in fata o pagina completa...

Vezi articol

Sfat pentru viteza – Caching pentru continut dinamic

Si fisierele generate dinamic pot beneficia de caching. De exemplu, aveti o baza de date cu 5000 de produse, dintre care numai pentru unele din ele s-a modificat pretul sau descrierea. Desi paginile de vizualizare a acestor produse extrag in mod dinamic informatii din baza de date, la randul lor pot fi determinate sa foloseasca cache-ul broserului, prin utilizarea headerului Last-Modified. Functia PHP de mai jos va transmite browserului headerele adecvate, in baza datelor calendaristice folosite.

Practic, ea compara data If-Modified-Since transmisa de browser cu data modificarii. Daca produsul a fost modificat de la If-Modified-Since, intreaga pagina este returnata cu header Last-Modified. Daca nu, serverul retuneaza raspunsul 304, cu headerul Not Modified, ceea ce determina browserul sa f...

Vezi articol

Reducerea marimii fisierelor

Dupa reducerea numarului de fisiere care trebuie descarcate, va puteti concentra pe reducerea dimesiunilor fiecaruia dintre ele.

Pagini HTML: puteti reduce marimea codului HTML prin eliminarea comentariilor si a spatiilor goale redundante. Daca in HTML se gasesc si secvente de JavaScript sau CSS repetate pe mai multe pagini, ele ar trebui mutate intr-un fisier extern. In acest caz, vor fi descarcate o singura data si stocate in cache-ul broswerului. O cunoastere buna a limbajelor HTML si CSS va poate de asemenea fi de ajutor in procesul de subtiere a fisierelor. De exemplu, o astfel de secventa, poate fi transformata si declaratia CSS mutata intr-un fisier extern:

<div style=”padding5px”>stuff</div>

JavaScript si CSS: unul dintre avantajele Developer Tools din Chrome fata de WebPagetes...

Vezi articol