Skip to content
A sample project to show how to make angular2+ deployment size small. It uses lazy loaded modules to keep the size small.
CSS HTML TypeScript JavaScript Batchfile
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
doc
docs
e2e
src
.editorconfig
.gitignore
README.md
Unset proxy.cmd
angular.json
gitCommit.cmd
gitPull.cmd
package-lock.json
package.json
publishForGithub.cmd
report.20190405.161316.16984.0.001.json
report.20190405.171714.12100.0.001.json
set proxy.cmd
set user.cmd
tsconfig.json
tslint.json

README.md

HowToKeepAngularDeploymentSizeSmall

A sample project to show how to make angular2+ deployment size small. It uses lazy loaded modules to keep the size small.

This project was generated with Angular CLI version 7.3.4.

Live Home page demo

Live Admin panel demo

The routing schema

To make any page independent and make them not affect other pages' size, every page is a lazy loaded Module

                                 ------------>    Dashboard (router + template)
app.component (router) -------->
                                 ------------>    Home  (router + template)
                                                                              -------------> aboutus
                                                                              -------------> blog
                                                                              -------------> contact
                                                                              -------------> index
                                                                              -------------> pricing

Admin Panel (page Size ~= 950KB )

Home Page (page Size ~= 950KB )

The Home page size

You can’t perform that action at this time.