[Adobe Launch] How to calculate page load times for website built in Angular? | Community
Skip to main content
adilk
Level 4
May 26, 2019
Solved

[Adobe Launch] How to calculate page load times for website built in Angular?

  • May 26, 2019
  • 1 reply
  • 1614 views

I have a website that has been built in Angular.

As there is no full round trip between page loads, using performance.timing metrics is unreliable.

performance.timing.loadEventEnd for page 1 and page 2 will remain the same as only content is refreshed.

If I were to use performance.timing.loadEventEnd - performance.timing.navigationStart as a metric, it would be grossly inaccurate number for page 2 as only page 1 would have full round trip.

If performance.timing events are unreliable, what data can I pull from Angular and should this be passed as a dataLayer object to read in Adobe Launch?

Thanks.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Urs_Boller

so far, we decided not to track PageLoadTimes in our Angular application since we don't get the resources for implementation.

as a possible solution you need at least 2 timestams:

1) user clicks on a link

2) application/browser finished updating the page

so basically your devs need to save a timestamp when user clicks on any link (and save locally). the second timestamp needs to be saved when browser either received data or updated the page.  the difference of those timestamps should be added to the dataLayer together with all page information.

maybe this link can help: https://stackoverflow.com/questions/36979907/how-to-calculate-the-page-load-time-for-angular-js-application-single-page-appl

1 reply

Urs_Boller
Community Advisor
Urs_BollerCommunity AdvisorAccepted solution
Community Advisor
May 27, 2019

so far, we decided not to track PageLoadTimes in our Angular application since we don't get the resources for implementation.

as a possible solution you need at least 2 timestams:

1) user clicks on a link

2) application/browser finished updating the page

so basically your devs need to save a timestamp when user clicks on any link (and save locally). the second timestamp needs to be saved when browser either received data or updated the page.  the difference of those timestamps should be added to the dataLayer together with all page information.

maybe this link can help: https://stackoverflow.com/questions/36979907/how-to-calculate-the-page-load-time-for-angular-js-application-single-page-appl