diff --git a/aio/content/guide/deployment.md b/aio/content/guide/deployment.md index ec6fceaa966..cf54fd94857 100644 --- a/aio/content/guide/deployment.md +++ b/aio/content/guide/deployment.md @@ -247,7 +247,7 @@ The `production` configuration engages the following build optimization features | Features | Details | |:--- |:--- | | [Ahead-of-Time (AOT) Compilation](guide/aot-compiler) | Pre-compiles Angular component templates. | -| [Production mode](#enable-prod-mode) | Deploys the production environment which enables *production mode*. | +| [Production mode](#prod-mode) | Optimizes the application for the best runtime performance | | Bundling | Concatenates your many application and library files into a few bundles. | | Minification | Removes excess whitespace, comments, and optional tokens. | | Uglification | Rewrites code to use short, cryptic variable and function names. | @@ -255,23 +255,20 @@ The `production` configuration engages the following build optimization features See [`ng build`](cli/build) for more about CLI build options and what they do. - + -### Enable runtime production mode +### Production mode at runtime -In addition to build optimizations, Angular also has a runtime production mode. -Angular applications run in development mode by default, as you can see by the following message on the browser console: +When you run an application locally using `ng serve`, Angular uses the development mode configuration +at runtime. The development mode at runtime enables extra safety checks, more detailed error messages +and debugging utilities, such as the [expression-changed-after-checked](errors/NG0100) detection. Angular outputs +a message in the browser console to indicate that the development mode is enabled. - +Those extra checks are helpful during the development, but they require an extra code in a bundle, which is +undesirable in production. To ensure that there are no implications on the bundle size, the build optimizer +removes the development-only code from the bundle when building in production mode. -Angular is running in development mode. -Call `enableProdMode()` to enable production mode. - - - -*Production mode* improves application performance by disabling development-only safety checks and debugging utilities, such as the expression-changed-after-checked detection. Building your application with the production configuration automatically enables Angular's runtime production mode. - ### Lazy loading