Categorie: CSS

Sfat pentru viteza – Reduceti marimea imaginilor

Imaginile sunt o mare parte din marimea totala a fisierelor pentru multe site-uri. Reducerea impactului acestora poate lua timp, insa tehnic, este relativ usor de realizat.

Imaginile miniaturale

Multe site-uri afiseaza versiuni miniaturale ale imaginilor, pe care, dupa aceea, se poate face click pentru a le mari. Uneori,este disponibila doar versiunea mare a imaginii, astfel incat, imaginea mare este descarcata si browserul o redimensioneaza pentru o afisare la mici dimensiuni. Insa, este mult mai eficienta oferirea in prealabil a unei versiuni separate, miniaturale, redimensionate anterior.

Situatia apare deseori pe site-urile intretinute de proprietar, unde acesta incarca pe site fotografii de produse de 10 megapixeli direct pe de camera digitala sau din scanner si trebuie descarcate mul...

Vezi articol

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