Arhn - архитектура программирования

Как рассчитать время загрузки страницы в Ionic 3 (одностраничное приложение)?

Я создаю функцию, которая вычисляет время загрузки страницы для каждой страницы моего приложения Ionic 3 (я использую ленивую загрузку). Однако в настоящее время я застрял в проблемах:

  • Когда страница начинает создавать HTML?

  • Когда страница заканчивает создание HTML?

  • Когда страница завершает загрузку всех ресурсов на странице (изображение и т. д.)?

Кто-нибудь может дать мне совет?


  • imho, если вы хотите измерить фактический пользовательский опыт, в идеале вы должны измерять рендеринг страниц и т. Д. С внешней точки зрения, а не с помощью внутренних крючков жизненного цикла. 08.05.2019

Ответы:


1

Стоит обратить внимание на https://blog.ionicframework.com/navigating-lifecycle-events/ это содержит ионный жизненный цикл, например. ionViewDidLoad(): Запускается только тогда, когда представление хранится в памяти. Это событие НЕ запускается при входе в представление, которое уже кэшировано. Это хорошее место для задач, связанных с инициализацией.

Страницы Ionic 3 также являются угловыми компонентами, поэтому я думаю, что еще одна вещь, на которую стоит обратить внимание, — это хуки компонентов. Эти методы запускаются на этапах жизненного цикла компонента.

https://angular.io/guide/lifecycle-hooks https://www.intertech.com/Blog/angular-component-lifecycle/

eg. ngAfterViewInit(){ stopTimer() } //this method is fired once Angular initializes component and child component content

Чтобы достичь того, чего вы хотите, у вас может быть провайдер, на который ссылаются обе страницы. Когда вы меняете страницу, запускайте таймер и останавливайте его, используя ngAfterViewInit() или другой более подходящий хук.

08.05.2019
Новые материалы

Коллекции публикаций по глубокому обучению
Последние пару месяцев я создавал коллекции последних академических публикаций по различным подполям глубокого обучения в моем блоге https://amundtveit.com - эта публикация дает обзор 25..

Представляем: Pepita
Фреймворк JavaScript с открытым исходным кодом Я знаю, что недостатка в фреймворках JavaScript нет. Но я просто не мог остановиться. Я хотел написать что-то сам, со своими собственными..

Советы по коду Laravel #2
1-) Найти // You can specify the columns you need // in when you use the find method on a model User::find(‘id’, [‘email’,’name’]); // You can increment or decrement // a field in..

Работа с временными рядами спутниковых изображений, часть 3 (аналитика данных)
Анализ временных рядов спутниковых изображений для данных наблюдений за большой Землей (arXiv) Автор: Рольф Симоэс , Жильберто Камара , Жильберто Кейрос , Фелипе Соуза , Педро Р. Андраде ,..

3 способа решить квадратное уравнение (3-й мой любимый) -
1. Методом факторизации — 2. Используя квадратичную формулу — 3. Заполнив квадрат — Давайте поймем это, решив это простое уравнение: Мы пытаемся сделать LHS,..

Создание VR-миров с A-Frame
Виртуальная реальность (и дополненная реальность) стали главными модными терминами в образовательных технологиях. С недорогими VR-гарнитурами, такими как Google Cardboard , и использованием..

Демистификация рекурсии
КОДЕКС Демистификация рекурсии Упрощенная концепция ошеломляющей О чем весь этот шум? Рекурсия, кажется, единственная тема, от которой у каждого начинающего студента-информатика..