![Page 1: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/1.jpg)
Новая Главная портала Mail.Ru
![Page 2: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/2.jpg)
![Page 3: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/3.jpg)
![Page 4: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/4.jpg)
![Page 5: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/5.jpg)
![Page 6: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/6.jpg)
![Page 7: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/7.jpg)
![Page 8: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/8.jpg)
![Page 9: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/9.jpg)
![Page 10: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/10.jpg)
Организация CSS кода
![Page 11: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/11.jpg)
![Page 12: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/12.jpg)
![Page 13: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/13.jpg)
![Page 14: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/14.jpg)
![Page 15: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/15.jpg)
![Page 16: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/16.jpg)
![Page 17: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/17.jpg)
![Page 18: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/18.jpg)
![Page 19: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/19.jpg)
Результаты
![Page 20: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/20.jpg)
534ms
16ms
Загрузка HTML
Генерация HTML
![Page 21: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/21.jpg)
![Page 22: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/22.jpg)
![Page 23: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/23.jpg)
![Page 24: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/24.jpg)
![Page 25: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/25.jpg)
![Page 26: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/26.jpg)
![Page 27: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/27.jpg)
190ms
500ms
117ms
0
100
200
300
400
500
600
Время загрузки
msСтили
Скрипты
Пост-загрузка
![Page 28: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/28.jpg)
500
0 200 400 600 800 1000 1200 1400 1600
Постзагрузка
Баннер
Скрипты
Информеры
Новости
Поиск
Стили
Левая колонка
Навигация
ms
~650ms ~1150ms
![Page 29: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/29.jpg)
1.5
7
0 1 2 3 4 5 6 7 8
Новая главная
Старая главная
сек
Время загрузки
X 4.5+
![Page 30: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/30.jpg)
![Page 31: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/31.jpg)
Разрешения экранов
0
20
40
60
80
100
128 240 320 400 576 640 768 819 900 1024 1080 1200 1440 1600
%
px
![Page 32: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/32.jpg)
Вьюпорт
0
20
40
60
80
100
55
0
56
2
57
4
58
6
59
8
61
0
62
2
63
4
64
6
65
8
67
0
68
2
69
4
70
6
71
8
73
0
74
2
75
4
76
6
77
8
79
0
80
2
81
4
82
6
83
8
%
px
Разрешение На открытии
![Page 33: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/33.jpg)
Ресайз окна
12% пользователей
![Page 34: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/34.jpg)
Вьюпорт
0
20
40
60
80
100
55
0
56
2
57
4
58
6
59
8
61
0
62
2
63
4
64
6
65
8
67
0
68
2
69
4
70
6
71
8
73
0
74
2
75
4
76
6
77
8
79
0
80
2
81
4
82
6
83
8
%
px
Разрешение На открытии Максимальный за сеанс Максимальный за сеанс (IE8-)
![Page 35: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/35.jpg)
0
20
40
60
80
100
55
0
56
2
57
4
58
6
59
8
61
0
62
2
63
4
64
6
65
8
67
0
68
2
69
4
70
6
71
8
73
0
74
2
75
4
76
6
77
8
79
0
80
2
81
4
82
6
83
8
%
px
Разрешение На открытии Максимальный за сеанс Максимальный за сеанс (IE8-)
21% 43% 11%
63
3p
x
76
5p
x
83
0p
x
Вьюпорт
![Page 36: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/36.jpg)
0
20
40
60
80
100
55
0
56
2
57
4
58
6
59
8
61
0
62
2
63
4
64
6
65
8
67
0
68
2
69
4
70
6
71
8
73
0
74
2
75
4
76
6
77
8
79
0
80
2
81
4
82
6
83
8
%
px
Разрешение На открытии Максимальный за сеанс Максимальный за сеанс (IE8-)
10% 11% 29% 14% 11%
57
6p
x
63
3p
x
67
0p
x
76
5p
x
83
0p
x
Вьюпорт
![Page 37: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/37.jpg)
![Page 38: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/38.jpg)
![Page 39: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/39.jpg)
![Page 40: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/40.jpg)
![Page 41: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/41.jpg)
![Page 42: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/42.jpg)
![Page 43: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/43.jpg)
![Page 44: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/44.jpg)
Реализация
![Page 45: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/45.jpg)
![Page 46: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/46.jpg)
![Page 47: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/47.jpg)
![Page 48: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/48.jpg)
![Page 49: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/49.jpg)
![Page 50: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/50.jpg)
Портальная навигация
•Почта
•Мой Мир
![Page 51: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/51.jpg)
Запрос к ОК
Обновление
Получение
данных
Получение расширенных данных
Обновление
![Page 52: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/52.jpg)
![Page 53: Новая главная портала Mail.ru (Евгений Дыдыкин)](https://reader034.vdocumento.com/reader034/viewer/2022042607/559dc9a31a28ab977a8b47ca/html5/thumbnails/53.jpg)