Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Além dos Milissegundos: a Psicologia da Perform...

Além dos Milissegundos: a Psicologia da Performance

A noção de tempo pode ser dividida em duas formas: objetiva e subjetiva. Enquanto a noção objetiva é facilmente mensurável, a subjetiva envolve a percepção psicológica de como o tempo transcorre.

Estas noções também se aplicam à Web; compressão de imagens, caching e redução de requisições HTTP são exemplos de técnicas consagradas que impactam a performance de forma mensurável.

No entanto, os números absolutos não contam a história completa - a performance está diretamente ligada à maneira como nossos cérebros percebem o carregamento da página. APIs lentas, redirecionamentos e requisições assíncronas são alguns dos gargalos de performance negligenciados por fugirem ao nosso controle.

Nessa palestra vou falar de conceitos para aumentar a percepção de performance e técnicas que apliquei com sucesso em produtos que somam bilhões de page views mensais.

João Cunha

January 22, 2020
Tweet

More Decks by João Cunha

Other Decks in Programming

Transcript

  1. Watchmaker Breaks Down Swiss vs Japanese Made Watches | WIRED

    https://www.youtube.com/watch?v=7hSZFO5QUmE
  2. MINUTE REPEATER - Inventado em 1676 pelo reverendo inglês Edward

    Barrel - Portado para relógio de pulso em 1992 (Philippe Dufour Grande Sonerie) - Primeira opção de relógio acessível para pessoas cegas
  3. (0 - 0,2s) Instantâneo Imediato (0,5 - 1s) Fluidez e

    foco (2 - 5s) Limiar de atenção (5 - 10s)
  4. O tempo persiste meramente como uma consequência de eventos ocorrendo

    dentro dele. Martin Heidegger - Filósofo alemão 1889-1976
  5. É o período em que a pessoa não tem escolha

    ou controle sobre o tempo, e seu foco está na espera em si.
  6. Pessoas em espera passiva SUPERESTIMAM o tempo em cerca de

    36% Jacob Hornik - Subjective vs. Objective Time Measures: A Note on the Perception of Time in Consumer Behavior https://www.jstor.org/stable/2489149?seq=1 Richard C. Larson - Perspectives on Queues: Social Justice and the Psychology of Queueing https://www.jstor.org/stable/171439?seq=1
  7. É o período em que a pessoa precisa realizar alguma

    tarefa física ou mental enquanto espera.
  8. A Psicofísica investiga a correspondência entre a magnitude das propriedades

    dos estímulos através dos instrumentos da física e do sistema perceptual humano. Psicofísica
  9. MÉDICO ALEMÃO Iniciou as pesquisas de percepção em 1834 com

    experimentos táteis usando pesos nas mãos Ernst Heinrich Weber
  10. ☕ ☕ ✅ ✅ ❌ ✅ Além dos Milissegundos: a

    Psicologia da Performance @JoaoCunha
  11. Aluno de Weber Forneceu status de ciência ao estudo da

    percepção Aplicou os conceitos físicos a experiência sensoriais Gustav Theodor Fechner FILÓSOFO, MATEMÁTICO E FÍSICO
  12. Magnitude 1 Magnitude 2 Magnitude 3 Magnitude 4 Magnitude 5

    Magnitude 6 2.5x menos brilhante x 2.5 x 6.25 x 16 x 40 x 100 Antares Polaris Cor Caroli Alpha Cancri 2.5x menos brilhante 2.5x menos brilhante 2.5x menos brilhante 2.5x menos brilhante
  13. 10 segundos 8 seg 12 seg Mais rápido Mais devagar

    -20% +20% Experimentos de Psicofísica mostram que o Limiar Diferencial de tempo chega a ~20% Designing and Engineering Time: The Psychology of Time Perception in Software Steven C. Seow Ph.D. https://bit.ly/2NNPpbl 6.4 seg 5.1 seg 14.4 seg 17.2 seg
  14. Se usarmos o limiar diferencial, esse site teria que carregar

    em 4s (1s = 20% a menos) para que a diferença fosse notada
  15. FP FCP LCP TTI Largest Contentful Paint (LCP) A página

    está funcionando? A página é útil? A página pode ser usada?
  16. FID: First Input Delay O delay entre o carregamento de

    um elemento e a tentativa de interação com ele
  17. ~50% das pessoas esperam que uma página carregue em menos

    de 2 segundos Akamai Technologies Consumer Web Performance Expectations Survey, 2014 https://bit.ly/3aBz1nO Além dos Milissegundos: a Psicologia da Performance @JoaoCunha
  18. 53% das visitas são abandonadas se um site mobile leva

    mais de três segundos para carregar DoubleClick by Google Global, March 2016 https://bit.ly/37jmJyA Além dos Milissegundos: a Psicologia da Performance @JoaoCunha
  19. ‣ Sessões 70% mais longas ‣ 60% mais page views

    por visita ‣ Bounce rate 35% menor ‣ 2x em receitas de ads no mobile ‣ Aumento de 25% em views de ads mobile DoubleClick by Google Global, March 2016 https://bit.ly/37jmJyA Além dos Milissegundos: a Psicologia da Performance @JoaoCunha Load time: 5s x 19s
  20. TTI diminuiu de 26 para 5.6 segundos Tempo no site

    > 5 min +40% Receita em ads +44% Ads clicados +50% Engajamento geral +60%
  21. Performance pode esbarrar em limites técnicos ou de orçamento Além

    dos Milissegundos: a Psicologia da Performance @JoaoCunha
  22. Além dos Milissegundos: a Psicologia da Performance @JoaoCunha The Cost

    of JavaScript - Addy Osmani, 2018 https://medium.com/@addyosmani/the-cost-of-javascript-in-2018-7d8950fbb5d4
  23. É difícil melhorar o que você não mede Além dos

    Milissegundos: a Psicologia da Performance @JoaoCunha