Angular: Performance Enhancement with Webpack Bundle Analyzer

preview_player
Показать описание
Angular: Performance Enhancement using Webpack Bundle Analyzer

In this video we look at how to use Webpack Bundle Analyzer to investigate areas of our production bundle that may need to be further optimised.

My personal channels:

  1. Paul Halliday
  2. angular performance enhancement
  3. angular
  4. angular webpack
  5. webpack bundle analyzer
  6. Webpack Bundle Analyzer angular
Рекомендации по теме
Angular: Performance Enhancement 0:06:38

Angular: Performance Enhancement with Webpack Bundle Analyzer

Optimize the bundle 0:13:23

Optimize the bundle size of an Angular application

6 steps to 0:02:56

6 steps to improve the performance of your Angular Application 🚀

Treeshaking in Angular: 0:02:35

Treeshaking in Angular: A Guide to Optimizing Application Performance

The ultimate guide 0:06:43

The ultimate guide to web performance

Profiling Angular Applications 0:19:33

Profiling Angular Applications

Improve build performance 0:04:20

Improve build performance of Angular 15 using esbuild

webpack in angular 0:24:05

webpack in angular

5. Learn Angular: 0:10:50

5. Learn Angular: A Basic Angular App using WebPack

3. Learn Angular: 0:15:35

3. Learn Angular: Webpack and Module Loaders

What is Webpack 0:04:30

What is Webpack | How does it work | Angular Fundamentals

Angular bundle optimization 0:13:17

Angular bundle optimization using Webpack Bundle analyzer/Sourcemap explorer

Let's Optimize an 0:22:07

Let's Optimize an Angular App by Santosh Yadav || Angular Conference

Angular Performance Optimization 0:05:43

Angular Performance Optimization #2 - trackBy function

20. Practical implementation 0:10:11

20. Practical implementation of Webpack Bundle Analyzer & Source Map Explorer in Angular App

Advanced Microfrontends - 0:14:28

Advanced Microfrontends - Reduce web components bundle size using webpack externals

Profiling Bootstrap Performance 0:32:11

Profiling Bootstrap Performance of Angular Apps - Jeff Cross

How would you 0:02:40

How would you approach optimizing the performance of an Angular application?

4 Easy tips 0:10:49

4 Easy tips to reduce Angular bundle size

Angular Performance Optimization 0:09:13

Angular Performance Optimization #3 - AOT compilation

Web Workers in 0:22:51

Web Workers in Action - Performance Boost for Web Applications (2023)

Angular Performance tuning 0:28:29

Angular Performance tuning with Zone-Flags || Angular Virtual Conference 2021

Angular: Custom Webpack 0:07:32

Angular: Custom Webpack Configuration

webpack 4: The 0:28:05

webpack 4: The most important update for Angular - Sean Larking aka @TheLarkInn at @ngEurope 2018

Комментарии
Автор

these days the angular cli option to generate a stats.json file is "ng build --statsJson" which generates it in a different folder. that folder being "dist/" and not a sub folder

benjaminbenson
Автор

Great video... what is the recommended limit size of the vendor.js bundle??

TheDJARCHY
Автор

are there any tutorials here about angular splitting the vendor.js into smaller pieces?

argelpamintuango
Автор

Do you have a video or article that explains how to only include the locales I need for moment?

ShaneCrenshaw
Автор

I don't get any stats.json in my Dist folder :/

t