В погоне за производительностью. Психология...

В ПОГОНЕ ЗА

ПР ИЗ ВОДИТЕЛЬ НОСТЬЮ

DENYS MISHUNOV • DIGITAL GARDEN AS • @MISHUNOV

2001

2001

2003

2003

2016

2003 2005 2007 2009 2011 2013 2015

СРЕДНИЙ РАЗМЕР СТРАНИЦЫ

93,7 kB

http://goo.gl/qjmum

2003 2005 2007 2009 2011 2013 2015

СРЕДНИЙ РАЗМЕР СТРАНИЦЫ

93,7 kB

2466 kB

http://goo.gl/qjmum

http://goo.gl/E030E

2%+

КОНВЕРСИЯ

УВЕЛИЧЕНИЯ ПРОИЗВОДИТЕЛЬНОСТИ

1 СЕКУНДа

http://goo.gl/E030E

$482.2 миллиарда

КОНВЕРСИЯ

УВЕЛИЧЕНИЯ ПРОИЗВОДИТЕЛЬНОСТИ

1 СЕКУНДа

http://goo.gl/JE1gD5

1 СЕКУНДа

КОНВЕРСИЯ

снижения ПРОИЗВОДИТЕЛЬНОСТИ

4,6%-

http://goo.gl/JE1gD5

КОНВЕРСИЯ

снижения ПРОИЗВОДИТЕЛЬНОСТИ

2 СЕКУНДы 5%-

http://goo.gl/JE1gD5

КОНВЕРСИЯ

снижения ПРОИЗВОДИТЕЛЬНОСТИ

3 СЕКУНДы 7,9%-

http://goo.gl/JnXZ2x

19.913s 19.000s 22.213s

33.3 млн. посетителей

http://goo.gl/JnXZ2x

19.913s 19.000s 22.213s

112.6 млн. просмотров

http://goo.gl/JnXZ2x

19.913s 19.000s 22.213s

ПРОИЗВОДИТЕЛЬНОСТЬ – ЭТО НЕ

МАТЕМАТИКА

ПРОИЗВОДИТЕЛЬНОСТЬ – ЭТО

ВОСПРИЯТИЕ

ЗАКОН ВЕБЕРА-ФЕХНЕРА

JND (just noticeable difference)

ЗАКОН ВЕБЕРА-ФЕХНЕРА

ПРАВИЛО 20%

ПРАВИЛО 20%

СОБЫТИЕ

-20%

ПРАВИЛО 20%

СОБЫТИЕ

ПРАВИЛО 20%

СОБЫТИЕ

регрессия

+20%

ПРАВИЛО 20%

СОБЫТИЕ

регрессия

ЗНАЧИМОЗАМЕТНО

!==

frontendconf

frontendconf

≈5s

frontendconf

frontendconf

≈2s

2с5с

2с + 20%= 2.4с

2с5с

2с5с

√5×2

2с5с3.2с

√5×2

АКТИВНАЯ ПАССИВНАЯ

Чувак, я занят!

АКТИВНАЯ ПАССИВНАЯ

Чувак, я занят! 36%

ПАССИВНАЯАКТИВНАЯ

Чувак, я занят!

EVENT

ПРЕДВАРИТЕЛЬНЫЙ СТАРТ

ПРОЦЕСССОБЫТИЕ

СОБЫТИЕАКТИВНАЯ ФАЗА

ПРЕДЗАГРУЗКА ТОП РЕЗУЛЬТАТОВ Safari (iOS)

Настройки / Safari / Предзагрузка топ-результ.

<link rel=“…" href=“…">

https://www.w3.org/TR/2016/WD-resource-hints-20160225/

RESOURCE HINTS

rel=“dns-prefetch” rel=“preconnect” rel=“prefetch” rel=“prerender”

https://www.w3.org/TR/2016/WD-resource-hints-20160225/

rel=“dns-prefetch” rel=“preconnect” rel=“prefetch” rel=“prerender”

https://www.w3.org/TR/2016/WD-resource-hints-20160225/

rel=“dns-prefetch” rel=“preconnect” rel=“prefetch” rel=“prerender”

https://www.w3.org/TR/2016/WD-resource-hints-20160225/

rel=“dns-prefetch” rel=“preconnect” rel=“prefetch” rel=“prerender”

https://www.w3.org/TR/2016/WD-resource-hints-20160225/

EVENT

РАННЕЕ ЗАВЕРШЕНИЕ

ПРОЦЕСССОБЫТИЕ

СОБЫТИЕ АКТИВНАЯ ФАЗА

ПАССИВНАЯ ФАЗА

ПАССИВНАЯ ФАЗА

АКТИВНАЯ ФАЗАFrontend

Conf

Проходит в рамках фестиваля

Российские интернет- технологии

goo.gl/JnXZ2x

goo.gl/JnXZ2x

goo.gl/JnXZ2x

АКТИВНАЯ ФАЗАПАССИВНАЯ ФАЗА

goo.gl/JnXZ2x

АКТИВНАЯ ФАЗАПАССИВНАЯ ФАЗА

ПОЛЕГЧЕ, ПАРНИША

Быстрее может быть лучше, но только если скорость – это именно то, чего хочет пользователь. Не каждый пользователь желает закончить контакт с вашей

компанией со скоростью света.

“”William J. McEwen

СООТВЕТСТВУЙТЕ ОЖИДАНИЯМ

ПОЛЬЗОВАТЕЛЯ

Восприятие производительности во многих случаях так же эффективно, как и сама производительность

“”

Вы держитесь. Всего доброго, здоровья вам

и хорошего настроения.

https://goo.gl/DMLdz1

СПАСИБОДЕНИС МИШУНОВ • DIGITAL GARDEN AS • @MISHUNOV

РИСУНКИ: ДЕНИС МИШУНОВ a.k.a “Я”