Skip to content

Lazy load all embedded components to shave off bytes needed for initial rendering #16127

Closed

Description

@IgorMinar

Current behavior
We load all material components and embedded components upfront - even if we don't need them.

Expected behavior
All embedded components should be lazy loaded and prefetched instead.

This will require us to refactor the site a bit. In the first step we should just move all the embedded components into a single NgModule that is lazy loaded and along with that change, move most material modules to that module.

Later, we can be more sophisticated and break the ngmodule with embedded components into smaller units and load those on as needed basis.

Activity

  1. added
    featureLabel used to distinguish feature request from other issues
    on Apr 18, 2017
  2. JLuitjens commented on Apr 18, 2017

    @JLuitjens

    True, here is a solution

    https://oclazyload.readme.io/

  3. added a commit that references this issue on Aug 10, 2017
    3c16fb5
  4. added a commit that references this issue on Dec 8, 2017
    923227d
  5. angular-automatic-lock-bot commented on Sep 12, 2019

    @angular-automatic-lock-bot

    This issue has been automatically locked due to inactivity.
    Please file a new issue if you are encountering a similar or related problem.

    Read more about our automatic conversation locking policy.

    This action has been performed automatically by a bot.

  6. locked and limited conversation to collaborators on Sep 12, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

featureLabel used to distinguish feature request from other issues

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions