Как мы разбили клиент miro.com на ленивые модули / Олег Плотников (Miro)
853
15.8
Онтико84.4 тыс
Следующее
Популярные
Опубликовано 5 декабря 2019, 21:07
Приглашаем на конференцию HighLoad++ 2024, которая пройдет 2 и 3 декабря в Москве!
Программа, подробности и билеты по ссылке: clck.ru/3DD4yb
--------
HighLoad++ Siberia 2019
Тезисы и презентация:
highload.ru/siberia/2019/abstr...
У нас на руках был один монолитный клиент и две задачи:
1) Загрузить целевой контент пользователю как можно быстрее.
2) Сделать так, чтобы разрабатывать клиент могло гораздо больше разработчиков, чем сейчас. Например 50.
Результаты:
1) Разрезали клиент на лениво-загружающиеся модули и ускорили загрузку приложения в 3 раза.
2) Новые фичи в продукте можно писать так, чтобы они загружались отложенно и минимально влияли друг на друга.
Расскажу, как организовали файловую структуру проекта и какие проверки добавили с помощью Webpack, чтобы один случайный импорт не убил все оптимизации. Опишу, что такое ленивый модуль. Расскажу об особенностях разрезания приложения, написанного на TypeScipt и AngularJS. И опишу принципы, которым мы теперь следуем, чтобы поддерживать достигнутые показатели.
Нашли ошибку в видео? Пишите нам на support@ontico.ru
Программа, подробности и билеты по ссылке: clck.ru/3DD4yb
--------
HighLoad++ Siberia 2019
Тезисы и презентация:
highload.ru/siberia/2019/abstr...
У нас на руках был один монолитный клиент и две задачи:
1) Загрузить целевой контент пользователю как можно быстрее.
2) Сделать так, чтобы разрабатывать клиент могло гораздо больше разработчиков, чем сейчас. Например 50.
Результаты:
1) Разрезали клиент на лениво-загружающиеся модули и ускорили загрузку приложения в 3 раза.
2) Новые фичи в продукте можно писать так, чтобы они загружались отложенно и минимально влияли друг на друга.
Расскажу, как организовали файловую структуру проекта и какие проверки добавили с помощью Webpack, чтобы один случайный импорт не убил все оптимизации. Опишу, что такое ленивый модуль. Расскажу об особенностях разрезания приложения, написанного на TypeScipt и AngularJS. И опишу принципы, которым мы теперь следуем, чтобы поддерживать достигнутые показатели.
Нашли ошибку в видео? Пишите нам на support@ontico.ru
Свежие видео
2 дня – 10 7391:00
3 дня – 5 0280:57
3 дня – 15 3840:47
3 дня – 81 2561:03:20
Случайные видео
100 дней – 1 29739:49
271 день – 10 0720:55
307 дней – 82 4308:06:10
04.04.23 – 14 616 7560:49
19 дней – 47 4161:29:12
16 часов – 12 6631:11:16
2 дня – 2123:46
5 дней – 7 3630:57
6 дней – 5 10025:52
10 дней – 10223:20
1 день – 2 4520:33
2 дня – 3 28657:01