performance ao extremo para aplicações web mobile

62
Visual Studio Summit 2013 Alexandre Tarifa Wilson Tayar @alexandretarifa @wilsontayar Performance ao extremo para aplicações Web Mobile

Upload: alexandre-tarifa

Post on 01-Jul-2015

1.466 views

Category:

Technology


0 download

DESCRIPTION

Suas aplicações e sites na web em muito pouco tempo serão muito mais acessados por celulares e tablets do que por desktops... e você sabia que isso muda completamente o jogo? Nesta sessão será apresentado as principais técnicas e recursos para o desenvolvimento de aplicações web mobile... dicas de performance, otimizações, etc.

TRANSCRIPT

Page 1: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Alexandre Tarifa Wilson Tayar@alexandretarifa @wilsontayar

Performance ao extremo para aplicações Web Mobile

Page 2: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Page 3: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Page 4: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Page 5: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Não tem uma versão mobile?

Page 6: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Pq não cresceu MUITO mais?

Page 7: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Page 8: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Page 9: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Page 10: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Page 11: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

As pessoas navegando no seu site, não querem perder

tempo com bobagens!

Page 12: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Page 13: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Page 14: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Page 15: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Page 16: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Page 17: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Page 18: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Page 19: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Page 20: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Os problemas mudaram?

Page 21: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Page 22: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Page 23: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Page 24: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Page 25: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Page 26: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Page 27: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Page 28: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Page 29: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Page 30: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Page 31: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Page 32: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Page 33: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Page 34: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Page 35: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Page 36: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Page 37: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Page 38: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Page 39: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Page 40: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Page 41: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Page 42: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Page 43: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Page 44: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Mobile First

Page 45: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

“Web First”

Page 46: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

UX

Page 47: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Page 48: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Page 49: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Page 50: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

“80% dos problemas de performance de aplicações Web

estão no Front-end”

Steve Sounders

Page 51: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

A melhor solução de performance é fazer com que o seu código não seja executado o tempo todo!

Cache

Page 52: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Page 53: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013 Bibliotecas

Page 54: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Não fazer nada!

Opção 1

Page 55: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Design Responsivo

Opção 2

+ Um único HTML+ Muitas telas diferentes- Não terá a melhor

otimização possível- Complexidade no

desenvolvimento- Sites muito parecidos

- bootstrap

Page 56: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

View Especializada

Opção 3

+ Um HTML específico (que pode ser responsivo)+ Fácil implementação- Código duplicado- Manutenção

Page 57: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Opção ...

Page 58: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

eMULAdor!!!

Page 59: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Page 60: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013 60

Nossa experiência

Page 61: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Referências

Maximiliano Firtman - http://firt.mobi/

Sérgio Lopes - http://sergiolopes.org/

Brad Frost Web - http://bradfrostweb.com

Page 62: Performance ao extremo para aplicações Web Mobile

Visual Studio Summit 2013

Obrigado

Alexandre Tarifa@alexandretarifa

Wilson Tayar@wilsontayar