Etichetă: viteza de incarcare

Website custom sau Website construit pe WordPress?

Ce sa alegem intre un site custom si unul bazat pe WordPress? aceasta cred ca este o intrebare pe care multi si-au pus-o la inceputul drumului in „online”. Voi incerca sa schitez cateva argumente pro si contra fiecarei variante, neavand pretentia insa ca voi epuiza toate aspectele importante. Va astept sa veniti cu parerile voastre, sa completam  lista cu ce va atrage pe voi la fiecare varianta.

Desigur ca WordPress nu este singura platforma „off the shelf” disponibila, exista multe alte solutii mai mult sau mai putin asemanatoare, insa cred ca nu gresesc daca afirm ca este cea mai populara solutie disponibila daca dorim sa umblam pe drumuri bine batatorite. Conform unei statistici culese de aici, WordPress „motorizeaza” mai mult de jumatate din toate site-urile ce folosesc un CMS (Content Management System – adica site-uri web care au un continut administrabil printr-o interfata prietenoasa, fara a avea nevoie in principiu de cunostinte tehnice). Urmatorul CMS este Drupal, care vine insa la o mare distanta, avand un pic peste 10% cota de piata.

Care sunt avantajele folosirii WordPress?

Cred ca principalul avantaj este rapiditatea cu care putem incropi si lansa un site. WordPress este solutia ideala cand ne propunem sa facem un blog unde vom posta articole, sa construim un site unde beneficiarul va avea nevoie frecventa sa adauge pagini noi, pagini personale sau de prezentare al unui portofoliu, website-uri ale unor companii locale de dimensiune mica spre medie, etc.

Odata ce te-ai familiarizat cu interfata de administrare, este foarte usor sa adaugi materiale noi, sa instalezi module noi pentru diverse functionalitati, sa urmaresti statistici ale vizitelor, etc. Optimizarea pentru motoarele de cautare este o joaca, exista module specializate care se ocupa de gestionarea meta-tagurilor, sitemapuri, titluri SE friendly, etc.

Exista resurse aproape inepuizabile de teme, module, widgeturi, totul se poate adauga si configura din cateva click-uri de mouse. Exista foarte multe teme dezvoltate pentru WordPress, multe fiind de o calitate foarte buna, aspectuoase, moderne, sunt optimizate pentru vizualizarea pe device-uri mobile (teme responsive), folosesc ultimele briz-brizuri la moda (animatii CSS3, fundaluri parallax, etc) sunt adaptabile pentru aproape orice cerinta.

Exista si dezavantaje?

Totul suna foarte bine, in favoarea folosirii acestei platforme. Dar totusi exista si neajunsuri, unde folosirea unei solutii custom poate fi mai avantajoasa. Datorita usurintei cu care poate fi instalat si configurat un astfel de site, WordPress-ul a devenit o unealta extrem de accesibila, chiar si celor fara experienta in programarea site-urilor web, fara cunostinte temeinice in html, css, javascript sau php. Acest fapt este si el in sine un avantaj pentru WordPress, doar ca aceasta accesibilitate universala, face ca fiecare tema existenta, fiecare layout disponibil, sa fie folosit pe efectiv mii si mii de site-uri web. Aceasta poate fi o reala problema care poate dauna imaginii unui business. Desigur ca aceste teme pot fi modificate oricat de mult, adaptate aproape oricaror nevoi, dar de regula acest lucru deja presupune cunostinte avansate si alocarea de resurse semnificative proiectului, diminuand avantajele folosirii acestei platforme, putand inclina balanta in mod decisiv catre o solutie custom.

Un alt aspect ce poate reprezenta un dezavantaj al folosirii WordPress, ar fi siguranta. Fiind o platforma open source, adica fiind gratuit si avand codul sursa disponibil la vedere, reprezinta un deliciu pentru hackerii ce vaneaza vulnerabilitati in sistem. In momentul in care ei descopera o vulnerabilitate ce le permite accesul pe server, ei au practic acces liber pe toate site-urile web care folosesc respectiva versiune de WordPress in care s-a descoperit vulnerabilitatea. Cu siguranta ca nici autorii platformei nu neglijeaza acest aspect si lucreaza in mod continuu la eliminarea acestor posibile vulnerabilitati, publicand patch-uri si versiuni noi care rezolva aceste eventuale gauri. Din acest motiv, este nevoie din partea administratorul site-ului de un plus de vigilenta, el trebuie in permanenta sa faca toate update-urile de software necesare pentru minimizarea pe cat se poate a riscurilor.

Un alt posibil dezavantaj al folosirii WordPress, este viteza de incarcare a paginilor. Daca creste numarul vizitatorilor, creste complexitatea site-ului, a numarului de module instalate, site-ul poate deveni unul foarte greoi, necesitand resurse mari si timp considerabil de incarcare. Pana la un punct, acest lucru poate fi tinut sub control prin folosirea unor module de cache-ing, insa cred ca aici site-urile custom pot avea un real avantaj, avand un control mult mai bun asupra resurselor folosite pentru randarea unei pagini.

Desi poate parea ca reinventam roata, consider ca de multe ori un site custom poate fi o solutie mai avantajoasa si prin flexibilitatea de a realiza totul exact asa cum ne dorim. Pe de alta parte, uneltele oferite de WordPress sunt trecute prin focul incercarilor, sunt temeinic testate de comunitatea numeroasa de fani WordPress, codul fiind astfel unul in general mai stabil.

In concluzie

Ca in multe alte domenii, nu cred ca se poate da un raspuns transant, o varianta care sa fie universal avantajoasa. Trebuie cantarite toate aspectele, cerintele clientului, ce isi doreste acesta  de la site, cui i se adreseaza site-ul web, cat de des va dori clientul sa opereze schimbari in continutul site-ului si cine se va ocupa de acestea, cat de mult conteaza unicitatea pentru el, care este bugetul disponibil, etc.

Noi, la Manifest Media Cluj-Napoca, putem raspunde cerintelor clientilor nostri prin ambele solutii constructive, incercand astfel sa oferim cea mai buna varianta in functie de nevoi si bugetul alocat proiectului.

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.