Cu toti stim cata rabdare trebuie sa avem pentru incarcarea unui website. Multi spun ca un website care se incarca intr-un timp mai mare de 4 - 5 s nu ar trebui folosit sau neapar refacut.
Exista multe metode de verificare a vitezei de incarcare a unei pagini precum addon-ul de la Modzila: YSlow, Page Speed sau altele precum: Pingdom Tools, Internet Supervision, Website Speed Check sau altele. Toate ofera informati destul de relevante despre viteza de incarcare sau Google Speed , precum si o statistica completa a resurselor din pagina (HTML, CSS, JavaScript, Flash, sau alte elemente) cu o importanta deosebita in timpul de incarcare a pagini. Timpul de incarcare a pagini este influentat si de alte elemente legate de server sau de net (distanta fata de server, viteza internet). Unele aplicati realizeaza o masurare statica adica viteza din zona in care este calculatorul (YSlow, Pingdom Tools) iar altele pot realiza o masurare a vitezei de incarcare din mai multe locatii simultan (Internet Supervision) sau pe diferite conexiuni de internet (Website Speed Check).
Un element important pentru o viteza mica de incarcare reprezinta optimizarea codurilor de HTML si CSS (luate la misto de multi) dar care ajuta mult atat la incarcarea pagini cat si la transferul fisierelor pe si de pe server.
Pentru a mari viteza de incarcare a pagini sunt cateva metode de marire a vitezei de incarcare mai importante care se pot folosi :
MINIMALIZAREA CERERI HTTP
Viteza de incarcare a pagini este influentata foarte mult de elementele din pagina. O modalitate de a mari viteza prin reducerea numarului de componente a pagini adica un design simplificat ce poate nu ar fi OK. Exista o alta cale pentru a realiza o pagina bogata care sa aiba si o incarcare rapida in anumite conditi:
- Folosirea unui cod HTML / CSS / XHTML validat (erorile obliga browserul sa lecorecteze, marind asfel timpul de incarcare a pagini)
- Fisiere combinate - combinarea scripturilor intr-unul singur reducand asfel numarul decereri HTTP. Este o metoda putin dificila, chiar o provocare in cazul scripturilor si stilurilor care variaza de la o pagina la alta.
- CSS sprites - este metoda preferata pentru reducerea numarului de cereri deimagine. Combina imaginile de fundal intr-una singura folosind CSS background-image si background-pozition ca proprietati pentru segmentul de imagine dorita.
- Harta imagine - combina mai multe imagini intr-o singura imagine. Dimensiuneatotala este aceeasi dar se reduce mult numarul de cereri HTTP accelerand incarcarea pagini.
Folosirea datelor de expirare pentru fisierelor din memoria cache - Prin folosirea acestor elemente se realizeaza o memorare pe un anume timp a datelor despre un website care vor fi utilizate la o eventuala conectare a vizitatorului la pagina respectiva crescand asfel viteza de incarcare a pagini cu cca 75%.
Optimizarea pozelor- folosirea pozelor redimensionate manual si nu folosirea redimensionari din cod care determina dimensiuni mari pentru imagine la incarcarea.
Pagini de cod curate - Folositi cat mai putin cod in pagina, evitati tabelele iar div-urile cat mai curate, fara aglomerare de cod
Practic aceste “optimizari” sunt lucruri normale care in final au o importanta pentru google, dar si pentru vizitatorii site-ului tau care in final isi lasa amprenta prin n factori SEO pe site-ul creat de tine pentru ei.
Nu uitati niciodata ca site-urile le creati pentru utilizatori/vizitatori, ei sunt destinatarul principal al unui site.
