← 输入框|github.com|刷新
Skip to content

Fully-Rendered Detection in Angular #21

Open

Description

@DavidovPavel

https://dev.to/herodevs/route-fully-rendered-detection-in-angular-2nh4
возможно, это интересный пример для разбора, опять же в догонку к ngZone

Activity

  1. stevermeister commented on Feb 4, 2021

    @stevermeister
    Collaborator

    @DavidovPavel
    спасибо за дополнение! я внесу в доп вопросы по роутеру

    Я резюмирую статью тут:
    Как сделать оценку скорости работы Angular приложения?
    Мы можем оценить скорость перехода по стейтам роутера.
    Для этого мы возьмем событие роутера NavigationStart как начало отсчета:

    this.router.events.pipe(filter( event => event instanceof NavigationStart))
    

    И отсуствие макротасков в очереди зоны hasPendingMacrotasks, как конец отсчета:

    !this.zone.hasPendingMacrotasks
    

    таким образом можем заменять время отрисовки страничек.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions