Помимо отложенной загрузки в маршрутизаторе — 7 способов уменьшить размер пакета приложения Angular. скачать в хорошем качестве

Помимо отложенной загрузки в маршрутизаторе — 7 способов уменьшить размер пакета приложения Angular.

🅰️🧪 Узнайте, как писать надежные и эффективные модульные тесты Angular — https://bit.ly/4atNBNW Скидка 10% применяется автоматически (осталось 8 из 20 купонов). Всем известно, как уменьшить размер Angular-банда с помощью отложенной загрузки на уровне маршрутов. Сегодня мы пойдем дальше. В этом видео я поделюсь с вами 7 способами уменьшения объема первоначально загружаемого JavaScript для современных приложений Angular. Это крайне важно для многих приложений, потому что чем больше JavaScript вашему приложению приходится загружать до рендеринга первого компонента, тем дольше пользователи смотрят на пустой экран, и это напрямую влияет на UX и потенциальную прибыль. Вы узнаете, как создавать, читать и анализировать бандл вашего приложения, а затем шаг за шагом мы применим различные методы, которые позволят нам уменьшить размер бандла почти на 50%. Если это видео оказалось для вас полезным, пожалуйста, поделитесь им со своими коллегами и друзьями! 🌱🤝 СТАНЬТЕ УЧАСТНИКОМ КАНАЛА Получите доступ к эксклюзивному контенту и поддержите канал, став участником: Patreon -   / decodedfrontend   Участие на YouTube -    / @decodedfrontend   🔗 РЕСУРСЫ Инструмент анализа пакетов - https://esbuild.github.io/analyze/ Токен легковесной инъекции (видео) -    • Advanced Angular Patterns - Lightweight In...   Сообщество Angular в Discord (БЕСПЛАТНО): https://bit.ly/decoded-frontend-discord 💡 Чтобы получить больше советов по Angular, также подписывайтесь: LinkedIn -   / dmezhenskyi   Twitter -   / decodedfrontend   Instagram -   / decodedfrontend   ⏱️ ВРЕМЕННЫЕ МЕТКИ 00:00 — Вступление 00:01:48 — Как понять визуализацию статистики пакета 00:05:20 — Переход на бесзональный подход! 00:06:36 — Промо-ролик курса по тестированию Angular 00:07:44 — Ленивая загрузка анимаций / Переход на CSS-анимации 00:10:44 — Улучшение Tree-Shaking с помощью автономного API 00:11:48 — Предпочтительнее использовать чистые функции вместо методов 00:13:48 — Отложенные представления 00:15:23 — Ленивая загрузка через маршрутизатор 00:16:52 — Заключение #angular #ng #angulartutorial #angulardevelopment #environmentinitializer #appinitializer #angularservices