Фраза "ваш сайт тормозит" является эквивалентом бага "ваше приложение не работает". Современный интернет уже давно сложнее этих слов и для того чтобы формализовать эту короткую фразу нам потребуется немного посмотреть на то, как работает веб. Начнем с магических пони, приносящих веб-странички, и закончим простыми метриками и разбором HTTP архивов. Ничего сложного не будет - просто ряд ответов, которые крайне редко можно услышать на собеседованиях.

1. Latency

2. Медленный сайт
-50 к лояльности
-20 к надежности

3. Почему интернеты
такие медленные?

4. Как работают
интернеты?

8. Клиент Интернет Сервер
maps.2gis.ru

10. DNS
Клиент Интернет Сервер
maps.2gis.ru

11. DNS
DNS lookup
Клиент Интернет Сервер
maps.2gis.ru

12. DNS
DNS lookup
Клиент Интернет Сервер
maps.2gis.ru

13. R
IP R IP
R
Клиент Сервер
R R
maps.2gis.ru
роутинг

14. R
IP R IP
R
Клиент Интернет Сервер
R R
maps.2gis.ru
TCP Сессия

15. R
IP R IP
R
Клиент Интернет Сервер
R R
maps.2gis.ru
TCP Сессия

17. Tcp congestion window

20. написали письмо отнесли на почту

21. это
мое
клевое
письмо
Вы Они
(отправитель) (получатель)

22. это
мое
клевое
письмо
Вы Они
(отправитель) (получатель)

23. Вы Они
(отправитель) (получатель)

24. мое
это
письмо
клевое
Вы Они
(отправитель) (получатель)

25. это
мое
клевое
письмо
Вы Они
(отправитель) (получатель)

26. это
мое
клевое
письмо
4
Вы Они
(отправитель) (получатель)

27. это
мое
клевое
письмо
Вы Они
(отправитель) (получатель)

28. это
мое
письмо
2
Вы Они
(отправитель) (получатель)

29. это
мое
письмо
4
Вы Они
(отправитель) (получатель)

30. это
Где!?! мое
письмо
4
Вы Они
(отправитель) (получатель)

31. это мое письмо
1 2 4

32. это мое письмо
1 2 4
Перешли пожалуйста #3

33. это мое письмо
1 2 4
Перешли пожалуйста #3
клевое
3
Да, конечно. Вот оно

34. Вы они
(клиент) (сервер)
Tcp сессия 1 2 3 4
IP роутинг IP IP IP IP

35. R
IP R IP
R
Клиент Интернет Сервер
R R
maps.2gis.ru

36. TCP TCP
R
IP R IP
R
Клиент Интернет Сервер
R R
maps.2gis.ru

37. SSL SSL
TCP TCP
R
IP R IP
R
Клиент Интернет Сервер
R R
maps.2gis.ru

38. HTTP HTTP
SSL SSL
TCP TCP
R
IP R IP
R
Клиент Интернет Сервер
R R
maps.2gis.ru
HTTP „стэк“

39. Клиент Сервер

40. Клиент Сервер
TCP SYN („надо поговорить“)
TCP SYN ACK(„ОК, согласен“)
TCP ACK(„ОК, мы говорим“)

41. Клиент Сервер
TCP SYN („надо поговорить“)
TCP SYN ACK(„ОК, согласен“)
TCP ACK(„ОК, мы говорим“)
SSL(„нас могут подслушивать“)
SSL(„держи ключик“)

42. Клиент Сервер
TCP SYN („надо поговорить“)
TCP SYN ACK(„ОК, согласен“)
TCP ACK(„ОК, мы говорим“)
SSL(„нас могут подслушивать“)
SSL(„держи ключик“)
HTTP GET / („дай мне свою домашнюю страничку“)
HTTP 200 („Да, конечно!“) немного
index.html („Вот она“) задумался
Неистово рендерит пиу-пиу-пиу [img js css] („и это тоже держи“)

43. Клиент Сервер
TCP SYN („надо поговорить“)
TCP SYN ACK(„ОК, согласен“)
TCP ACK(„ОК, мы говорим“)
SSL(„нас могут подслушивать“)
SSL(„держи ключик“)
HTTP GET / („дай мне свою домашнюю страничку“)
HTTP 200 („Да, конечно!“) немного
index.html („Вот она“) задумался
Неистово рендерит пиу-пиу-пиу [img js css] („и это тоже держи“)
TCP FIN („спасибо, пока!“)
TCP FIN ACK („незачто! Приходите еще!“)

44. Index.html
Script.js
Style.css
Button.gif
Photo.jpg
Background.gif
DNS lookup простой на хосте Время доставки

45. "Page load" это сложно
Ajax
CDN
Document vs. Event
Мобилки
Third-party
Плагинчики и эмбеды

47. maps.2gis.ru в chrome
116 запросов
62 соединения
25 доменов

49. аналитика
Сервер
тайлики
браузер Сервер
сайтик
Сервер

50. Вашу мать... аналитика
Сервер
тайлики
браузер Сервер
сайтик
Сервер

51. Что важно?
Когда сайтом можно будет
пользоваться так, как задумали
дизайнеры?

52. Мы контролируем

53. Latency на сервере
Нагрузочные тесты
Пассивный мониторинг

54. сеть с известными
параметрами
Активный мониторинг

55. Людям не нравится

56. Рендеринг страницы
HTTP Waterfall хотя бы по
праздникам

57. Суммарное latency
Снимать измерения с разных точек

58. Пользовательское
окружение
Разные браузеры
Разное железо

59. THE END