Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

В погоне за производительностью. Психология пользователя / Денис Мишунов (Digital Garden AS)

618 views

Published on

“Страница должна загружаться быстрее чем за 1 секунду; количество серверных запросов должно быть сведено к минимуму; CSS и JS файлы должны быть сжаты и не превышать 50 килобайт…” — это лишь малая часть технических решений и рекомендаций, которыми нас снабжает индустрия в погоне за производительностью. Но во всем этом есть одна проблема — пользователям нет никакого дела до килобайтов, миллисекунд и количества запросов.

Производительность — это не математика. Производительность — это восприятие. Именно восприятие создает впечатление медлительности сайта с малым количеством серверных запросов, в то время как сайт, возвращающий результаты поиска в течение секунд, может восприниматься как достаточно быстрый для пользователя. И именно восприятие пользователя является единственным мерилом производительности вашего сайта.

В докладе будут рассмотрены психологические и технические теории, приемы и примеры, позволяющие управлять восприятием пользователя.

Published in: Engineering
  • Be the first to comment

  • Be the first to like this

В погоне за производительностью. Психология пользователя / Денис Мишунов (Digital Garden AS)

  1. 1. В ПОГОНЕ ЗА ПР ИЗ ВОДИТЕЛЬ НОСТЬЮ DENYS MISHUNOV • DIGITAL GARDEN AS • @MISHUNOV
  2. 2. 2001
  3. 3. 2001
  4. 4. 2003
  5. 5. 2003
  6. 6. 2016
  7. 7. 2003 2005 2007 2009 2011 2013 2015 СРЕДНИЙ РАЗМЕР СТРАНИЦЫ 93,7 kB http://goo.gl/qjmum
  8. 8. 2003 2005 2007 2009 2011 2013 2015 СРЕДНИЙ РАЗМЕР СТРАНИЦЫ 93,7 kB 2466 kB http://goo.gl/qjmum
  9. 9. http://goo.gl/E030E 2%+ КОНВЕРСИЯ УВЕЛИЧЕНИЯ ПРОИЗВОДИТЕЛЬНОСТИ 1 СЕКУНДа
  10. 10. http://goo.gl/E030E $482.2 миллиарда КОНВЕРСИЯ УВЕЛИЧЕНИЯ ПРОИЗВОДИТЕЛЬНОСТИ 1 СЕКУНДа
  11. 11. http://goo.gl/JE1gD5 1 СЕКУНДа КОНВЕРСИЯ снижения ПРОИЗВОДИТЕЛЬНОСТИ 4,6%-
  12. 12. http://goo.gl/JE1gD5 КОНВЕРСИЯ снижения ПРОИЗВОДИТЕЛЬНОСТИ 2 СЕКУНДы 5%-
  13. 13. http://goo.gl/JE1gD5 КОНВЕРСИЯ снижения ПРОИЗВОДИТЕЛЬНОСТИ 3 СЕКУНДы 7,9%-
  14. 14. http://goo.gl/JnXZ2x 19.913s 19.000s 22.213s
  15. 15. 33.3 млн. посетителей http://goo.gl/JnXZ2x 19.913s 19.000s 22.213s
  16. 16. 112.6 млн. просмотров http://goo.gl/JnXZ2x 19.913s 19.000s 22.213s
  17. 17. ПРОИЗВОДИТЕЛЬНОСТЬ – ЭТО НЕ МАТЕМАТИКА
  18. 18. ПРОИЗВОДИТЕЛЬНОСТЬ – ЭТО ВОСПРИЯТИЕ
  19. 19. ЗАКОН ВЕБЕРА-ФЕХНЕРА
  20. 20. JND (just noticeable difference) ЗАКОН ВЕБЕРА-ФЕХНЕРА
  21. 21. ПРАВИЛО 20%
  22. 22. ПРАВИЛО 20% СОБЫТИЕ
  23. 23. -20% ПРАВИЛО 20% СОБЫТИЕ
  24. 24. ПРАВИЛО 20% СОБЫТИЕ регрессия
  25. 25. +20% ПРАВИЛО 20% СОБЫТИЕ регрессия
  26. 26. ЗНАЧИМО ЗАМЕТНО !==
  27. 27. frontendconf
  28. 28. frontendconf ≈5s
  29. 29. frontendconf
  30. 30. frontendconf ≈2s
  31. 31. 2с 5с
  32. 32. 2с + 20% = 2.4с 2с 5с
  33. 33. 2с 5с √5×2
  34. 34. 2с 5с3.2с √5×2
  35. 35. АКТИВНАЯ ПАССИВНАЯ Чувак, я занят!
  36. 36. АКТИВНАЯ ПАССИВНАЯ Чувак, я занят! 36%
  37. 37. ПАССИВНААКТИВНАЯ Чувак, я занят!
  38. 38. EVENT ПРЕДВАРИТЕЛЬНЫЙ СТАРТ ПРОЦЕСССОБЫТИЕ СОБЫТИЕАКТИВНАЯ ФАЗА
  39. 39. ПРЕДЗАГРУЗКА ТОП РЕЗУЛЬТАТОВ Safari (iOS) Настройки / Safari / Предзагрузка топ-результ.
  40. 40. <link rel=“…" href=“…"> https://www.w3.org/TR/2016/WD-resource-hints-20160225/ RESOURCE HINTS
  41. 41. rel=“dns-prefetch” rel=“preconnect” rel=“prefetch” rel=“prerender” https://www.w3.org/TR/2016/WD-resource-hints-20160225/
  42. 42. rel=“dns-prefetch” rel=“preconnect” rel=“prefetch” rel=“prerender” https://www.w3.org/TR/2016/WD-resource-hints-20160225/
  43. 43. rel=“dns-prefetch” rel=“preconnect” rel=“prefetch” rel=“prerender” https://www.w3.org/TR/2016/WD-resource-hints-20160225/
  44. 44. rel=“dns-prefetch” rel=“preconnect” rel=“prefetch” rel=“prerender” https://www.w3.org/TR/2016/WD-resource-hints-20160225/
  45. 45. EVENT РАННЕЕ ЗАВЕРШЕНИЕ ПРОЦЕСССОБЫТИЕ СОБЫТИЕ АКТИВНАЯ ФАЗА
  46. 46. ПАССИВНАЯ ФАЗА
  47. 47. ПАССИВНАЯ ФАЗА
  48. 48. АКТИВНАЯ ФАЗАFrontend Conf Проходит в рамках фестиваля Российские интернет- технологии
  49. 49. goo.gl/JnXZ2x
  50. 50. goo.gl/JnXZ2x
  51. 51. goo.gl/JnXZ2x АКТИВНАЯ ФАЗАПАССИВНАЯ ФАЗА
  52. 52. goo.gl/JnXZ2x АКТИВНАЯ ФАЗАПАССИВНАЯ ФАЗА
  53. 53. ПОЛЕГЧЕ, ПАРНИША
  54. 54. Быстрее может быть лучше, но только если скорость – это именно то, чего хочет пользователь. Не каждый пользователь желает закончить контакт с вашей компанией со скоростью света. “ ”William J. McEwen
  55. 55. СООТВЕТСТВУЙТЕ ОЖИДАНИЯМ ПОЛЬЗОВАТЕЛЯ
  56. 56. Восприятие производительности во многих случаях так же эффективно, как и сама производительность “ ”
  57. 57. Вы держитесь. Всего доброго, здоровья вам и хорошего настроения.
  58. 58. https://goo.gl/DMLdz1
  59. 59. СПАСИБО ДЕНИС МИШУНОВ • DIGITAL GARDEN AS • @MISHUNOV РИСУНКИ: ДЕНИС МИШУНОВ a.k.a “Я”

×