Viteza WordPress – Cum sa crestem viteza de incarcare a paginii?

Viteza WordPress – De ce este importanta viteza de incarcare a paginii?

Viteza WordPress de incarcare a paginii poate tine vizitatorul mult timp pe website, incurajandu-l sa revina cu fiecare ocazie si sa participe in conversatii. Vizitatorii vin din diferite medii cu conexiunea la internet mai buna sau mai slaba. Daca viteza paginii nu este una corespunzatoare, aveti sansa sa pierdeti un procent foarte mare din trafic.

PRIMELE 3 SECUNDE pe un site sunt cele mai importante, pentru ca un vizitator sa se decida daca va sta sau va parasi acel site !

Verificati viteza site-ului

Urmati pasii de mai jos pentru a verifica viteza site-ului dumneavoastra!
1. Click pe link-ul urmator: PageSpeed.
2. Introduceti adresa URL.
3. Notati scorul.
4. Daca ati obtinut peste 80, atunci site-ul dvs nu are nevoie de mari imbunatatiri. Orice scor sub 80 ridica un semn de intrebare, astfel masuri serioase vor trebui luate pentru a mari performanta site-ului web.

Scopul pe care il avem este ca pagina ce o accesam sa se incarce rapid, astfel incat navigarea sa fie fluenta, fara pauze neplacute.

De aceea este bine sa aveti in vedere cateva mici trucuri pentru a creste viteza de incarcare a site-ului.

1)Serverul:

Da exact, serverul va poate ajuta foarte mult la viteza de incarcare si nu trebuie neglijat. Un server de hosting solicitat va avea sigur consecinte rele asupra site-ului tau.
Daca vizitatorii tai sunt din Romania recomandam gazduire in Romania.
Luam un exemplu unde serverul se afla in America. Numai pentru face interogarea si a primi un raspuns pentru un vizitator din Romania dureaza in jur de 0.5 secunde poate chiar si mai mult in unele cazuri.

2) Mod_deflate
Apache vine cu un modul foarte inteligent numit Deflate. Acesta face o compresie a continutului dvs (CSS, JAVASCRIPT, HTML) inainte de a trimite codul catre utilizator cu ajutorul unor algoritmi specializati.
Pentru a activa acest mod trebuie sa discutati cu providerul de hosting pentru a vedea daca este instalat pe server.
Serverele noastre deja au acest modul instalat. Mai departe daca aveti confirmarea acestui modul si sunteti fericitul utilizator al unei interfete cPanel puteti activa compresia foarte simplu la “Optimize Website” cu o bifa pe “Compress all content”. Utilizatorii avansati pot specifica la MIME_TYPE doar ceea ce doresc.
Acest mod mai poate fi activat si din htaccess pentru fiecare website in parte.

<ifModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/html text/xml text/css text/plain
AddOutputFilterByType DEFLATE text/javascript application/javascript application/x-javascript application/json
</ifModule>

3) Utilizati memoria cache a browser-ului 
Multe din elementele unui website, de obicei care se schimba rar, pot fi stocate in memoria cache a browserului prin stabilirea unei date de expirare. Nu are rost sa punem utilizatorul sa descarce aceleasi date la fiecare vizita.
Aceasta se poate realiza din nou cu ajutorul htaccess prin inserarea urmatorului cod:

ExpiresActive On
ExpiresDefault A0

# 1 YEAR – doesn’t change often
<FilesMatch “\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav)$”>
ExpiresDefault A29030400
</FilesMatch>

# 1 WEEK – possible to be changed, unlikely
<FilesMatch “\.(jpg|jpeg|png|gif|swf|js|css)$”>
ExpiresDefault A604800
</FilesMatch>

# 3 HOUR – core content, changes quickly
<FilesMatch “\.(txt|xml)$”>
ExpiresDefault A10800
</FilesMatch>

Pentru fisierele avi, mov etc care sunt probabil sa se schimbe foarte rar, au un timp de expirare de 1 an, pe de alta parte fisierele css, js, imagini expira numai dupa 1 saptamana. In cele din urma am considerat fisierele txt , xml (RSS de ex) se vor schimba la un inteval de doar 3 ore.

4) Optimizare imagini
De cele mai multe ori imaginile pot fi compresate, si aici nu ne referim doar la pozele urcate ci si la png-urile foarte mici care alcatuiesc site-ul. Acestea pot fi compresate cu mai mult de 50 % fara a reduce rezolutia sau calitatea vizibil.
Exista suficiente tool-uri pentru a realiza acest lucru. Ex: tinyPNG sau irfanview pentru JPG.

5) Optimizare CSS, JS
Ca si in cazul imaginilor aceste fisiere pot fi reduse.
Stiai ca fiecare spatiu si rand nou ocupa loc in pagina?
Tot ce trebuie sa facem este sa punem tot codul pe o singura linie fara spatii. Bineinteles nu vom face manual acest lucru, exista destule utilitare online. Ex YUI compressor. Nu uitati sa selectati tipul fisierului urcat.

6) Incarca javascript la sfarsit
Codul javascript incarcat in header-ul paginii impiedica incarcarea acesteia rapid. In cele mai multe cazuri acest cod nu este necesar in rendarea site-ului la inceput, il putem introduce in footer, deci browser-ul nu trebuie sa astepte descarcarea codului js pentru a incepe afisarea paginii.

7) Script-urile de socializare
Includerea diverselor scripturi de socializare poate ingreuna incarcarea deoarece este o sursa externa pe care browserul din nou trebuie sa o descarce. Poate cu totii ati observat ca pagina inca se mai incarca dar continutul este afisat complet. Din experienta API twitter raspunde cel mai greu, urmat de Facebook si g+.
Eu incurajez folosirea g+ desi nu este reconscut de catre google in avea o influenta in SEO, pot spune din experineta ca g+ are cel mai mare impact fata de restul retelelor de socializare.

Pentru a ramane mereu informat cu ultimele noutati din domeniul online, urmariti-ne si pe pagina de Facebook, <click aici> !