The Navigation Timing API provides data that can be used to measure the performance of a website. There are many measured events given in milliseconds that can be accessed through the window.performance.timing object.
Questions tagged [navigation-timing-api]
52 questions
114
votes
9 answers
window.performance.now() equivalent in nodejs?
I think the question is straight forward.
I'm looking for something that's similar to window.performance.now() in nodejs V8 engine.
Right now I'm just using:-
var now = Date.now();
//do some processing..
console.log("time elapsed:", Date.now() -…

shriek
- 5,605
- 8
- 46
- 75
17
votes
5 answers
Can I use the browser Navigation Timing API for Ajax events in single page apps? If not, what's a good tool?
We've got a single page app built with Knockout and Backbone which makes Ajax calls to the server and does some complex data caching and DOM rendering. We're really like to measure the performance (and log it back to the server) as seen by the user.…

Wolfram Arnold
- 7,159
- 5
- 44
- 64
12
votes
1 answer
Chrome - Difference between event time in devtools timeline and performance timing API
I'm trying to get for example loadEventEnd time in console. You can do it by performance timing 2 API or performance timing API.
I get the same results by doing this calculations:
performance.getEntriesByType("navigation")[0].loadEventEnd
//…

Everettss
- 15,475
- 9
- 72
- 98
6
votes
3 answers
Measuring Site Load Times via performance api
I listened to a talk by Steve Souders a few days ago and he mentioned the new performance spec that newer browsers are implementing and it was pretty intriguing. In his speech he mentioned the following example as a means of measuring perceived…

Brad Herman
- 9,665
- 7
- 28
- 30
4
votes
1 answer
Using the new javascript performance.timing API on iframes?
I have been playing with the new performance.timing javascript API and am pretty impressed with them.
A good description here http://www.html5rocks.com/en/tutorials/webperformance/basics/
I have an important use case for this which is where we need…

Seer
- 524
- 1
- 8
- 19
4
votes
2 answers
How to get page load duration using JavaScript
I am trying to get the time it takes to load a page and I am not sure of the correct way to run this script.
I thought I could do this:
window.addEventListener("load", function(){
…

Craig
- 2,093
- 3
- 28
- 43
4
votes
1 answer
Navigation Timing API Fallback
I want to use the Navigation Timing API to serve large resources if needed. The one problem is Safari which doesn't support it.
I challenge you, fellow and likely more experienced developers, to show me cases where the following code would not work…

user1165428
- 51
- 4
4
votes
2 answers
Why does my attempt at measuring render time with Web Performance API keep resulting in negative values
I'm building a web-based page render benchmark app which uses the Web Performance API. What it does is basically measuring how much time the browser takes when ordered to render a bunch of div elements, and then build a hidden form, put the…

starleaf1
- 2,701
- 6
- 37
- 66
4
votes
2 answers
Navigation Timing API implementation in opera and safari
I have to capture the client data about its navigation i.e. the response time of my page and other data parameters which are in Navigation timing API, but i am able to do that only for firefox and chrome. SO can anyone tell me how to get those on…

blackhole
- 153
- 1
- 4
- 9
4
votes
1 answer
navigationStart time set to 0 when using HTML5 Navigation Timing API
I am using HTML5 Navigation Timing API to measure the user perceived page load time on my site using the following code:
// Process load time using "Navigation Timing"
function recordLoadTime ()
{
if (typeof(window.performance) !==…

Nikhil
- 473
- 4
- 11
3
votes
1 answer
How can I calculate time to interactive client-side?
Chrome's Lighthouse tool and WebPageTest offer "time-to-interactive" (TTI) metrics.
Google offers a minimal definition of TTI:
Time to Interactive is defined as the point at which layout has stabilized, key webfonts are visible, and the main…

crenshaw-dev
- 7,504
- 3
- 45
- 81
3
votes
1 answer
What is an accurate measure for time to first byte?
When measuring time to first byte using navigation timing api which amongst these is an accurate measure? and Why?
var timing = performance.timing;
var timeToFirstByte = timing.responseStart - timing.fetchStart
or
var timeToFirstByte_a =…

Adi
- 187
- 1
- 14
3
votes
1 answer
Get actual roundtrip-time in browser using JavaScript
A simple method to measure the roundtip-time of an Ajax request is to measure the time between the start and the end of a request (readyState 4). Many examples exist for this kind of measuring.
But this measurement is not really accurate. The Ajax…

ppa
- 326
- 1
- 4
3
votes
1 answer
How do the metrics of Google Analytics Site Speed map to the W3C Navigation Timing API?
The explanations of the site speed metrics provided on Dimensions & Metrics Reference are unclear (at least to me). They represent events in the Navigation Timing API but I cannot figure out which events are the start and end points of each metric.

vcurd
- 173
- 10
3
votes
0 answers
Navigation Timing API showing Internet explorer (9+) loading pages faster than Chrome
I am using the Navigation Timing API to get real user performance data for visitors to my company's site. I am looking at visitors who use Chrome, Firefox, and IE 9+ and focusing on two main matrices of measurement:
Page Load => (loadEventEnd -…

user2368119
- 41
- 2