--- title: What’s tree-shaking in Angular? | daily.dev description: Tree-shaking in Angular is a technique that minimizes the build output by eliminating unused code, thus reducing the final size of the application. By using... canonical: https://daily.dev/posts/cg7t4tpx8 twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: What’s tree-shaking in Angular? | daily.dev og:description: Tree-shaking in Angular is a technique that minimizes the build output by eliminating unused code, thus reducing the final size of the application. By using... og:url: https://daily.dev/posts/cg7t4tpx8 og:image: https://api.daily.dev/og/posts/Cg7t4Tpx8.png og:image:alt: Post cover image og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # What’s tree-shaking in Angular? **[Angular](https://daily.dev/sources/angulardev)** · [@tonyshaji](https://daily.dev/tonyshaji) · 10 upvotes · 0 comments ## Summary Tree-shaking in Angular is a technique that minimizes the build output by eliminating unused code, thus reducing the final size of the application. By using this method, only the necessary parts of the codebase are included in the production build. Additionally, Angular's newer features like standalone components allow for more granular imports, further optimizing the tree-shaking process. Cleaning up unused imports and using build budgets can also help keep the application size under control, ensuring better performance for users. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Similar posts on daily.dev - [Don’t just attend KubeCon \+ CloudNativeCon, Merge Forward your experience\!](https://daily.dev/posts/don-t-just-attend-kubecon-cloudnativecon-merge-forward-your-experience--l0rpp73x8) · CNCF · 1 upvotes · 0 comments - [Announcing H2 2026 KCDs](https://daily.dev/posts/announcing-h2-2026-kcds-m96goajm1) · CNCF · 1 upvotes · 0 comments - [Two months of Open Community Groups](https://daily.dev/posts/two-months-of-open-community-groups-asf52zhbs) · CNCF · 0 upvotes · 0 comments - [CNCF Unveils Schedule for KubeCon \+ CloudNativeCon Europe 2026](https://daily.dev/posts/cncf-unveils-schedule-for-kubecon-cloudnativecon-europe-2026-ikhcoa5cb) · CNCF · 2 upvotes · 0 comments - [CNCF Debuts KubeCon \+ CloudNativeCon Japan 2026 Schedule](https://daily.dev/posts/cncf-debuts-kubecon-cloudnativecon-japan-2026-schedule-xp5pyudub) · CNCF · 1 upvotes · 0 comments --- Tags: [#webdev](https://daily.dev/tags/webdev), [#javascript](https://daily.dev/tags/javascript), [#typescript](https://daily.dev/tags/typescript), [#angular](https://daily.dev/tags/angular), [#frontend](https://daily.dev/tags/frontend) [View this post on daily.dev](https://daily.dev/posts/cg7t4tpx8) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"DiscussionForumPosting","mainEntityOfPage":"https://daily.dev/posts/cg7t4tpx8","headline":"What’s tree-shaking in Angular?","text":"Shared: What’s tree-shaking in Angular?","url":"https://daily.dev/posts/cg7t4tpx8","datePublished":"2024-06-26T11:44:25.120Z","dateModified":"2024-06-26T11:44:57.198Z","author":{"@type":"Person","name":"Tony Shaji","url":"https://daily.dev/tonyshaji","image":"https://media.daily.dev/image/upload/s--jc5dd2XL--/f_auto/v1709280537/avatars/avatar_9hfViMhDgT7FdvIvgeKil","description":"Passionate full-stack developer with a focus on Angular, continuously exploring new technologies ","worksFor":{"@type":"Organization","name":"Thomsun Infocare","logo":"https://media.daily.dev/image/upload/s--SdAH218b--/f_auto/v1737127424/companies/thomsuninfocare"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"EndorseAction"},"userInteractionCount":810}},"image":"https://media.daily.dev/image/upload/s--VDukGCjf--/f_auto/v1722860399/public/Placeholder%2002","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":10},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"sharedContent":{"@type":"WebPage","url":"https://api.daily.dev/r/EGf6Xn7O3"},"isPartOf":{"@type":"WebPage","url":"https://daily.dev/squads/angulardev","name":"Angular"}} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Angular","item":"https://daily.dev/squads/angulardev"},{"@type":"ListItem","position":3,"name":"What’s tree-shaking in Angular?"}]} ```