When analyzing website performance, I rely on window.performance.timing. However, this method falls short when it comes to measuring the performance of webpages loaded through ajax calls. For instance, websites built with frameworks like angularjs often load pages through ajax calls.
Shown here is a screenshot of such a website that loads pages via ajax calls. As you can see (apologies for the poor quality), the performance.timing yields identical results for both pages.
In an attempt to address this issue, I experimented with the PerformanceResourceTiming API. Sadly, this approach does not offer insights into DOM content load time.
How can I accurately measure the DOM content load time of these pages using javascript?