Новая главная портала Mail.ru (Егор Дыдыкин)

Новая Главная портала 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

Итоги• Скорость• Отсутствие скролла• Интеграция с сервисами• Стабильность

Вопросы

Егор Дыдыкинe.dydykin@corp.mail.ru