Новая главная портала mail.ru (Егор Дыдыкин)
TRANSCRIPT
Новая Главная портала Mail.Ru
Егор Дыдыкин
Новая Главная портала Mail.Ru
3
История
7 sec !!!
4
История• 7 sec• Осовременить
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
Организация CSS кода
22
23
24
Организация CSS кода
25
Загрузка JS
26
Загрузка JS
27
Загрузка JS
28
Результаты
29
534ms
16ms
Загрузка HTMLГенерация HTML
30
31
32
33
34
35
36
Время загрузки0
100
200
300
400
500
600
190ms
500ms
117ms
СтилиСкриптыПост-загрузка
ms
37
Постзагрузка
Баннер
Скрипты
Информеры
Новости
Поиск
Стили
Левая колонка
Навигация
0 200 400 600 800 1000 1200 1400 1600
500
ms
~650ms ~1150ms
38
Новая главная
Старая главная
0 1 2 3 4 5 6 7 8
1.5
7
Время загрузки
сек
X 4.5+
39
40
Разрешения экранов
128240
320400
576640
768819
9001024
10801200
14401600
0
20
40
60
80
100
px
%
41
5505645785926066206346486626766907047187327467607747888028168300
102030405060708090
Разрешение Вьюпорт на открытии
px
%
42
Ресайз окна
12% пользователей
43
Media Queries
15% пользователей
IE <= 8
44
5505645785926066206346486626766907047187327467607747888028168300
102030405060708090
Разрешение На открытии Максимальный за сеанс Максимальный за сеанс (IE8-)
px
%
45
5505645785926066206346486626766907047187327467607747888028168300
102030405060708090
Разрешение На открытии Максимальный за сеанс Максимальный за сеанс (IE8-)
px
%
21% 43% 11%
633p
x 765p
x 830p
x
46
5505645785926066206346486626766907047187327467607747888028168300
102030405060708090
Разрешение На открытии Максимальный за сеанс Максимальный за сеанс (IE8-)
px
%
10% 11% 43% 11%
576p
x 633p
x 670p
x 765p
x 830p
x
47
5505645785926066206346486626766907047187327467607747888028168300
102030405060708090
Разрешение На открытии Максимальный за сеанс Максимальный за сеанс (IE8-)
px
%
10% 11% 29% 14% 11%
576p
x 633p
x 670p
x 765p
x 830p
x
48
49
50
51
52
53
54
55
Реализация
56
57
58
59
60
61
Портальная навигация•Почта•Мой Мир
Одноклассники•Счетчики
•Пользователь
ские данные
Мой Мир
•Расширенная
информация
62
Запрос к ОК
Обновление
Получение данных
Получение расширенных данных
Обновление
63
64
65
Итоги• Скорость
66
Итоги• Скорость• Отсутствие скролла
67
Итоги• Скорость• Отсутствие скролла• Интеграция с сервисами
68
Итоги• Скорость• Отсутствие скролла• Интеграция с сервисами• Стабильность
Вопросы
Егор Дыдыкин[email protected]