1. Ego & Paparazzo
globo
.com Evitando as novas armadilhas do
desenvolvimento web

2. Diego Fleury
@diegofleury
facebook.com/diegofleury

7. 7 8

9. Servidor

10. ? Servidor

11. BODY HEAD

12. ads.globo.com
HEAD
function OAS_RICH () {...}
OAS_RICH(a);
BODY
OAS_RICH(b);
OAS_RICH(c);

13. HEAD
a
BODY
b
c
ads.globo.com
function OAS_RICH () {...}
OAS_RICH(a);
OAS_RICH(b);
OAS_RICH(c);

14. HEAD
a
BODY
b
c
ads.globo.com
function OAS_RICH () {...}
OAS_RICH(a);
OAS_RICH(b);
OAS_RICH(c);

17. USER INTERACTION
HTML PARSE
PAINT
CSS PARSE
JS PARSE
JS EXECUTION

18. USER INTERACTION
HTML PARSE
PAINT
CSS PARSE
JS PARSE
JS EXECUTION

19. USER INTERACTION
HTML PARSE
PAINT
CSS PARSE
JS PARSE
JS EXECUTION