Новая главная портала Mail.ru (Егор Дыдыкин)
Upcoming SlideShare
Loading in...5
×
 

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

on

  • 920 views

 

Statistics

Views

Total Views
920
Views on SlideShare
825
Embed Views
95

Actions

Likes
1
Downloads
8
Comments
0

2 Embeds 95

http://ritconf.ru 58
http://profyclub.ru 37

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • ЗачемЧто было
  • 7 секунд – отображениеИз-за таблицы
  • Устареыший дизайн
  • Вот такая была старая.Внимание на скролл
  • А вот такая новая! Современная! Легкая!Быстрая загрузка
  • Форсированные блоки
  • HTMLДо него стилиПосле базовые скрипты
  • Далее остальная часть страницы
  • Скрипты именно тутПереходы на поиск и саджестыБаннер
  • Постзагрузка
  • ПлейсхолдерРеальныйHTML
  • Нужен 1 табОстальные по запросу
  • Редкие блокиВызов до обявления
  • Очередь
  • 2 лого1 нужен сразу
  • СпанкиОдна скрыта
  • ОпределениеПостзагрузка
  • Разделение на блоки
  • Ускоренные блоки
  • Остальные стили
  • Легко управлять ускорением
  • Нюансы загрузки JSЯдро в HEADИз-за ускоренных
  • Затем использование в ускоренных блоках
  • Расширение ядра
  • Усредненные цифры
  • Отображается быстроПотом скриптыВ целом 1.5, что лучше
  • СкроллMedia QueriesИзмерить
  • Не учитывает настройки интерфейса и тулбары
  • Вьюпорт на открытииГрафик – сколько пользователей способны увидеть данное разрешениеСомненияРесайзы
  • Подтверждение сомнений
  • Скачки
  • Слишком много скролла
  • Мало пользователей – много высотМеньше пустого пространства
  • Горизонталь
  • ИЕДалее видео
  • Централизация генерации МЕДИА ВЫРАЖЕНИЙ
  • Далее ПОРТАЛКА
  • Обновление данных
  • Тоже надо обновлять
  • Разные источники
  • ПОРТАЛКА – отдельный проектНеобходима синхронность
  • Draw вызывается, если нет callback с return false;
  • Если объявить callbackСледующий итоги
  • Получили ускорениеПользоваться приятней
  • Нет скроллаУдобней
  • RBHTML -> DATA

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

  • Новая Главная портала Mail.Ru Егор Дыдыкин
  • Новая Главная портала Mail.Ru
  • История 7 sec !!!3
  • История • 7 sec • Осовременить4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • Организация CSS кода21
  • 22
  • 23
  • Организация CSS кода24
  • Загрузка JS25
  • Загрузка JS26
  • Загрузка JS27
  • Результаты28
  • 16ms Загрузка HTML Генерация HTML 534ms29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 600 500ms 500 400 Стили ms 300 190ms Скрипты 200 117ms Пост-загрузка 100 0 Время загрузки36
  • Навигация 500 Левая колонка Стили Поиск Новости ~650ms ~1150ms Информеры Скрипты Баннер Постзагрузка 0 200 400 600 800 1000 1200 1400 1600 ms37
  • Время загрузки Старая главная X 4.5+ 7 Новая главная 1.5 0 1 2 3 4 5 6 7 8 сек38
  • 39
  • Разрешения экранов 100 80 60 % 40 20 0 128 240 320 400 576 640 768 819 900 1024 1080 1200 1440 1600 px40
  • Разрешение Вьюпорт на открытии 90 80 70 60% 50 40 30 20 10 0 550 600 650 700 750 800 px41
  • Ресайз окна 12% пользователей42
  • Media Queries 15% пользователей IE <= 843
  • Разрешение На открытии Максимальный за сеанс Максимальный за сеанс (IE8-) 90 80 70 60% 50 40 30 20 10 0 550 600 650 700 750 800 px44
  • Разрешение На открытии Максимальный за сеанс Максимальный за сеанс (IE8-) 90 21% 43% 11% 80 70 60% 50 765px 830px 633px 40 30 20 10 0 550 600 650 700 750 800 px45
  • Разрешение На открытии Максимальный за сеанс Максимальный за сеанс (IE8-) 90 10% 11% 43% 11% 80 70 60% 50 670px 576px 765px 830px 633px 40 30 20 10 0 550 600 650 700 750 800 px46
  • Разрешение На открытии Максимальный за сеанс Максимальный за сеанс (IE8-) 90 10% 11% 29% 14% 11% 80 70 60% 50 670px 576px 765px 830px 633px 40 30 20 10 0 550 600 650 700 750 800 px47
  • 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