Interfete Web

Interfetele web inseamna interfete care ruleaza pe web, web-ul fiind locul ideal de destinatie pentru ele. Printre elementele interfetelor web se numara widget-urile web, bazate pe javascript, flash, flex.

Ideea cu aceste interfete web este de a genera continut interactiv si usor de utilizat de catre useri.

Deci nu uitati cuvantul magic pe ziua de azi (interfete web)

La naiba, nimeni nu mai citeste regulamentele in ziua de azi :((

optimizare interfete web

Minimizare, obfuscare, grupare elemente grafice...

Dupa cum ziceam mai sus, 1000 de reqeusturi nu fac bine nimanui. Nici serverului, nici clientului si nici traficului global de pe internet plin de ACK, SYN-uri CONNECT si CLOSE-uri (remember Protocoale de Comunicatii).

Ce abordare avem in acest caz?

Javascript:
http://dean.edwards.name/packer/
Aceasta unealta lucreaza in 3 moduri:
- usor eficient: inlatura comentarii, new line-uri, caractere albe extra, etc
- eficient: usor eficient + redenumire variabile cu nume scurte
- mega eficient: criptarea codului sursa, pentru ca rezultatul lui sa se genereze pe baza unei functii matematice.
Recomand mega-eficient pentru deployment, dar nu uitati sa faceti copii de backup inainte sa criptati originalul.
Dupa ce ati criptat pe rand fisierele, copiati rezultatul lor intr-un singur mare javascript si includeti-l pe acela.

CSS:
http://www.artofscaling.com/css-minifier/
Reduce spatiile albe, enter-urile, comentariile, etc.
In urma reducerii fiecarui CSS, nu uitati sa puneti pe toate intr-un singur mare css, in ordinea includerii normale.

Imagini:
Aici nu exista o reteta universala. Ideea este sa faceti un PNG mare in care sa puneti imaginile de care aveti nevoie si apoi sa controlati afisarea lor folosind parametrii background-position.

Request-uri AJAX:
Daca aveti multe date de preluat, nu le faceti folosind 300 de request-uri AJAX. Dati un singur request pentru toate daca aveti nevoie de toate datele deodata, si diferentiati-le in raspuns folosind JSON.

Asta ar fi cam toate sfaturile legate de optimizarea interfetelor web. Happy Web2.0 coding.