Categorie: CSS

Combinarea fisierelor JavaScript si CSS

WebPagetest prezinta un numar de 77 de fisiere care compun pagina cu vremea de la BBC. Vizualizarea cascada prezinta cat timp ii ia browserului sa proceseze fiecare fisier. Pentru fiecare fisier exista un dreptunghi multicolor si un timp in milisecunde. Culorile prezinta timpul relativ necesar pentru executarea diferitelor operatiuni. Aceasta pagina foloseste fisiere stocate pe diferite servere: news.bbc.co.uk, static.bbc.co.uk, node1.bbcimg.co.uk, etc.

Cand primul fisier de pe oricare server nou este cerut, vor trece cateva milisecunde pentru a execunta operatiunea de cautare in serverul DNS, prezentata in culoarea gri, si vor mai trece ceva milisecunde pana la crearea conexiunii, prezentata in portocaliu(daca toate fisierele prezinta o secventa de inceput portocalie, cititi cu atentie se...

Vezi articol

Caching pentru continut static

In WebPagetest, vizualizarea pentru repetarile efectuate ar fi normal sa dureze mult mai putin pentru ca, in mod normal, testul ar trebui sa profite de cachingul din browser. Mare parte din continutul unui site web este static si se schimba rareori – fisierele HTML statice , fisierele JavaScript si CSS si imaginile. In general, broswerul le va stoca in cache-ul sau si, cand sunt cerute din nou, va determina daca sunt recente sau expirate, bazandu-se pe data oferita din parametrul Last Modified al fisierului. Daca sunt expirate, browserul va cere serverului web sa valideze fisierul – sa confirme daca exista sau nu o versiune mai noua a fisierului.

Aceasta validare necesita comunicare suplimentara si o intarziere inerenta intre browser si server chiar daca serverul raspunde cu “da” poti ...

Vezi articol

Analiza vitezei de incarcare a paginii

Exista cateva instrumente gratuite cu care puteti analiza viteza site-ului. Daca folositi Google Chrome, faceti click pe meniul cu cheia din coltul dreapta-sus al ferestrei, navigati la Tools, iar apoi la Developer Tools(sau Ctrl+Shift+I). Click pe Resources si actualizati pagina. Zona va incepe sa se umple pe masura ce Google Chrome descarca fisierele necesare pentru a afisa pagina web. In zona Network, va aparea un grafic cronologic in care este prezentat timpul in care a fost descarcata fiecare resursa – pagina in sine, fisiere de stiluri, JavaScript sau imagini. Cate o linie verticala albastra si poate rosie vor aparea pentru a indica atingerea anumitor etape in procesarea JavaScript, iar dedesubt este prezentat timpul total de incarcare...

Vezi articol

Pragul de 1.5 secunde al lui Google

Pragul impus de Google ca sa considere un site ca fiind rapid este de aproximativ 1.5 secunde. Pentru a verifica acest lucru pentru site-ul dumneavoastra, aveti nevoie de un cont Google. Logati-va, dati click pe adresa de e-mail din coltul dreapta-sus si alegeti Account Settings. La sectiunea Products, alegeti Webmaster tools. S-ar putea sa fititi nevoit sa adaugati un site si sa-l supuneti verificarii – prin descarcarea unui fisier de verificare care trebuie stocat pe site sau prin adaugarea unui meta tag paginii de index a site-ului. Click pe numele site-ului pentru a ajunge la Dashboard. Pe partea din stanga dati Labs, iar apoi pe Site performance.

Aceasta pagina va va prezenta in mod vizual cat de rapid a fost site-ul dumneavoastra pe parcursul ultimelor luni si va afisa numarul de ...

Vezi articol

Incotro?

In aprilie 2010, Google a decis sa includa viteza site-ului web in algoritmul de cautare. Viteza a fost intodeauna importanta din punctul de vedere al ultilizatorilor, asa ca aceasta optiune este conforma cu misiunea continua a companiei Google de a promova cele mai folositoare si mai prietenoase siteuri web. Nici un proprietar de site nu-si poate permite sa ignore aceasta schimbare de politica.

Bineinteles, viteza a fost intodeauna un factor major in felul in care multa lume este predispusa sa va viziteze site-ul. Prima impresie a potentialului dumneavoastra vizitator este deseori felul cum apare site-ul intre rezultatele de cautare. Este domeniul tehnicilor SEO traditionale: numele site-ului, titlurile, cuvintele cheie, continutul...

Vezi articol