Cateva sfaturi pentru incarcarea rapida a paginii site-ului web

Speed matters! Simtim asta din plin cand navigam pe net. Cu totii ne aducem aminte de momente in care ne-am pierdut rabdarea si nu am mai asteptat ca o pagina sa se incarce in intregime, abandonand vizita, trecand la urmatorul rezultat al motorului de cautare. Problema abandonului din cauza vitezei prea mici de incarcare, este o problema reala cu care se confrunta toti detinatorii de site-uri preocupati de imbunatatirea continua a calitatii experientei vizitatorilor online. In acest articol voi incerca sa dau unele sfaturi pentru incarcarea rapida a paginii site-ului web, adresandu-ma in primul rand amatorilor sau incepatorilor in domeniu.

Exista pe net, disponibile tuturor care cauta date exacte, o multime de studii, grafice, rapoarte care dovedesc importanta vitezei de incarcare. Nu voi insista in acest articol pe astfel de date, insa este bine de stiut faptul ca rata abandonului vizitei in cazul unui site „greoi” este foarte mare. Fiecare secunda smulsa in plus conteaza enorm, poate face diferenta intre un vizitator care ramane sa citeasca continutul paginii si un vizitator care apasa butonul „back” mergand mai departe in alte locuri.

Cum pot sa evaluez viteza de incarcare a site-ului meu?

Ai la dispozitie mai multe variante. Cea mai la indemana, ar fi testarea directa, in browser. Eu personal, sunt un fan Firefox (da, stiu ca este un memory hog, problema nerezolvata de foooarte multa vreme, dar totusi, puterea obisnuintei e mare). Folosesc extensia Firebug, disponibila gratuit, care ofera o sumedenie de unelte indispensabile cand lucrezi pe site-uri web. Iubitorii de Chrome, au o functie similara, parte integranta a browserului, functia „Inspect”. La fel si IE are ceva asemanator, dar din pacate pentru Microsoft, au cam pierdut batalia browserelor, nu stiu cine mai foloseste IE, alegand constient acest browser.

Odata deschisa unealta „Firebug”, exista tab-ul „Net”, care arata un timeline al incarcarii tuturor resurselor folosite de site. Daca dai un refresh pe pagina, vei vedea lista tututor acestor resurse, fiecare cat timp dureaza pana se incarca, precum si timpul total al incarcarii paginii.

Sfat: Pentru a nu lasa cache-ul browserului sa afecteze evaluarea, stergeti intreg cache-ul inainte de reincarcarea paginii, sau folositi Ctrl-F5 pentru a forta reincarcarea tuturor resurselor. Daca unele resurse sunt incarcate din cache, timpul total va fi mult mai mic, dar irelevant pentru a evalua experienta unui vizitator nou.

Optimizare Site Web - incarcarea rapida a paginii

O alta varianta la dispozitie, ar fi folosirea de unelte online, precum Pingdom Speed Test. Acesta permite testarea vitezei de incarcare din mai multe locatii de pe glob, oferind informatii detaliate asupra resurselor incarcate, un scor general dar si o pozitionare relativa fata de toate paginile testate de ei.

O altfel de evaluare, care insa nu ne spune nimic despre pagina in sine, ne spune doar cat de repede raspunde serverul unui pachet de date, este comanda „ping”. Se deschide o fereastra de comanda (pentru utilizatorii de Windows, se scrie cmd intr-o fereastra de „Run”) si se tasteaza:

ping domeniul-de-testat.ro -t [Enter]

si se urmareasc timpii de raspuns. Acestia trebuie sa fie cat mai mici si constanti, fara fluctuatii prea mari sau erori de time-out. Evident, „domeniul-de-testat.ro” se inlocuieste cu numele domeniului de testat.

Este indicat sa se faca astfel de masuratori de mai multe ori, in momente diferite ale zilei. O masurare unica poate fi influentata de anumite probleme punctuale ale retelei, fiind nerelevanta pentru incarcarea rapida a paginii.

Cum aleg serverul care sa gazduiasca pagina?

Locatia serverului are o importanta deosebita (poate cea mai mare) pentru viteza de incarcare a paginii. De aceea, trebuie sa faceti alegerea in functie de localizarea publicului tinta. Daca siteul tau se adreseaza in principal clientilor din Romania, este recomandat sa se aleaga un server dintr-un datacenter din Romania (sau cel mult Europa, daca conexiunile sunt rapide). In niciun caz, nu se va opta pentru o gazduire in locatii foarte indepartate, de exemplu SUA, chiar daca sunt multi provideri acolo care ofera resurse practic nelimitate pentru bani foarte putini. Timpul de incarcare al paginii va fi grav afectat daca este o distanta mare intre server si client.

Cum pot optimiza site-ul web pentru incarcarea rapida a paginii?

Parcurgand lista de resurse, puteti foarte usor identifica daca sunt elemente care au un timp mult mai mare de incarcare, ingreunand pagina. Puteti decide punctual, daca doriti sa pastrati elementul sau sa renuntati la acesta. In unele cazuri, se pot face optimizari pentru a reduce dimensiunea resursei. In cazul imaginilor, optimizarea se face de regula in detrimentul calitatii imaginii, deci trebuie gasit compromisul ideal intre dimensiune si calitate. O calitate mai buna va insemna si o resursa mai mare, mai greoaie de incarcat si invers.

In cazul resurselor text (fisiere CSS, JS) optimizarea este fara pierderi, fisierele se pot minimiza prin eliminarea comentariilor, spatiilor in plus, denumiri cu nume cat se poate de scurte, etc. Acest lucru nu influenteaza negativ aspectul sau functionarea siteului, insa ingreuneaza viitoare interventii asupra codului sursa, acesta fiind mai putin inteligibil. Puteti desigur sa va faceti un obicei in a lucra pe o versiune ‘full’, iar cand bucata pe care lucrati este gata, testata si aprobata, generati versiunea minimizata si o puneti pe server.

In cazul multor resurse uzuale „3rd party” incluse in site (de exemplu jQuery, bootstrap, teme CSS pentru UI, etc) exista posibilitatea incarcarii lor de pe CDN-uri, acestea fiind de regula mult mai rapide decat serverul propriu. Trebuie insa avuta putina atentie, mai ales atunci cand site-ul foloseste si un certificat SSL pentru transferul criptat al continutului. Deoarece incarcarea acestor resurse presupune folosirea unei caii absolute, daca folositi http://www…. in aceasta cale, puteti invalida securitatea paginii, browserul afisand un mesaj de atentionare. Pentru a evita acest lucru, se poate omite „http:” din calea respectiva, scriind doar calea incepand cu caracterele „//”.

Concluzii pentru incarcarea rapida a paginii

Incarcarea rapida a paginii este esentiala, poate fi elementul decisiv care va face diferenta intre succes si esec. O durata ideala nu ar trebui sa depaseasca cateva secunde (maxim 5, unii zic chiar 2). Daca continutul este de asa natura incat nu se poate ajunge nicicum la o astfel de valoare, trebuie cel putin avut grija ca partea de continut „above the fold”, adica partea vizibila fara a folosi bara de scroll, sa se incarce cat de repede, la inceput, urmand ca restul resurselor sa se incarce ulterior.

Noi, la Manifest Media Cluj-Napoca, acordam o atentie deosebita optimizarii site-urilor web, incarcarea rapida a paginii fiind un ingredient esential pentru o experienta cat mai placuta a vizitatorilor.

Facebook Comments

3 comentarii la „Cateva sfaturi pentru incarcarea rapida a paginii site-ului web”

Lasă un răspuns