Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
performance.now() polyfill (aka perf.now())
// @license http://opensource.org/licenses/MIT
// copyright Paul Irish 2015
// Date.now() is supported everywhere except IE8. For IE8 we use the Date.now polyfill
// github.com/Financial-Times/polyfill-service/blob/master/polyfills/Date.now/polyfill.js
// as Safari 6 doesn't have support for NavigationTiming, we use a Date.now() timestamp for relative values
// if you want values similar to what you'd get with real perf.now, place this towards the head of the page
// but in reality, you're just getting the delta between now() calls, so it's not terribly important where it's placed
(function(){
if ("performance" in window == false) {
window.performance = {};
}
Date.now = (Date.now || function () { // thanks IE8
return new Date().getTime();
});
if ("now" in window.performance == false){
var nowOffset = Date.now();
if (performance.timing && performance.timing.navigationStart){
nowOffset = performance.timing.navigationStart
}
window.performance.now = function now(){
return Date.now() - nowOffset;
}
}
})();
@JofArnold

This comment has been minimized.

Copy link

commented Jun 27, 2013

CoffeeScript version with +new Date() to accommodate IE8

do ->
  # prepare base perf object
  if typeof window.performance=='undefined'
    window.performance = {}
  if not window.performance.now
    nowOffset = +new Date()
    if performance.timing and performance.timing
      nowOffset = performance.timing.navigationStart
    window.performance.now = ->
      now = +new Date()
      return now - nowOffset
@qxk23

This comment has been minimized.

Copy link

commented Jul 9, 2013

Wondering if line 15 should be:

if (performance.timing && performance.timing.navigationStart){
@justnorris

This comment has been minimized.

Copy link

commented Aug 1, 2013

@JofArnold thanks. Exactly what I needed.

@drewwells

This comment has been minimized.

Copy link

commented Mar 31, 2014

Date.now() is not available in IE8. Also, without navigationStart what value is this polyfill? The numbers this polyfill would produce will not be comparable to the real performance.now(). It should do nothing for browsers lacking navigationStart.

@lonce

This comment has been minimized.

Copy link

commented May 6, 2014

Thank you!

@ccarterc

This comment has been minimized.

Copy link

commented May 29, 2014

This makes it easier for testing. Thanks for the script. Now I don't have to have two versions of performance scripts to juggle.

@ianwremmel

This comment has been minimized.

Copy link

commented Jun 16, 2014

For those of us in the corporate world, could you provide a license for this gist?

@JordanDelcros

This comment has been minimized.

Copy link

commented Oct 25, 2014

Avoiding conditions:

window.performance = (window.performance || {
    offset: Date.now(),
    now: function now(){
        return Date.now() - this.offset;
    }
});
@Markus-ipse

This comment has been minimized.

Copy link

commented Feb 25, 2015

@JordanDelcros That doesn't work in IE9, because it has window.performance (but not window.performance.now)

@lukehedger

This comment has been minimized.

Copy link

commented Mar 3, 2015

@justluvher

This comment has been minimized.

Copy link

commented Jul 13, 2015

thank you~!!!!!!

@bikemule

This comment has been minimized.

Copy link

commented Jul 29, 2015

If anyone does Apache Cordova (a.k.a. Phonegap) dev, the iOS web view in there doesn't support performance either. At least not through Evothings workbench. I have yet to test with an actual built Cordova app, but I don't think it will make a difference.

@ti0ma

This comment has been minimized.

Copy link

commented May 30, 2016

Thank you!! Solved my problem with Opbeat AngularJS plugin. Also thanks to @lukehedger for creating the bower package!

@rubencodes

This comment has been minimized.

Copy link

commented Sep 26, 2016

Wonderful! Thanks. Used this to patch support for iOS 8. Would be nice if Polyfill.io offered performance.timing instead of just performance.now polyfill...

@triblondon

This comment has been minimized.

Copy link

commented Oct 3, 2016

As @rubencodes implies above, polyfill.io now has a performance.now polyfill, and the benefit is that it will polyfill Date.now for you automatically if needed:

https://polyfill.io/v2/polyfill.min.js?features=performance.now

@sfinktah

This comment has been minimized.

Copy link

commented Nov 2, 2016

@JofArnold that's not very idiomatic coffee-script, and looks like it needs updating to match the modified gist.

    do ->
      window.performance = {} unless 'performance' of window
      Date.now = if Date.now then Date.now else -> (new Date).getTime()
      unless 'now' of window.performance
        nowOffset = performance.timing?.navigationStart ? Date.now()
        window.performance.now = ->
          Date.now() - nowOffset

2016 what now?

@antoniocapelo

This comment has been minimized.

Copy link

commented Oct 9, 2018

^ @ghost just a heads up, the snippet above has a typo: 'perfomance' -> 'performance'

@DimLeon

This comment has been minimized.

Copy link

commented Nov 22, 2018

Thanks guys! I had issue with google's recaptcha code.
There was an error 'Cannot find variable performance', that was appearing in ios < 8 devices.
Fixed with @ghost 's code.
*thumbs up for @antoniocapelo 's sharp eye

@dhAlcojor

This comment has been minimized.

Copy link

commented Jun 11, 2019

2017. Passing the baton.

if ( !window.performance || !window.performance.now ) {
  Date.now || ( Date.now = function () {
    return new this().getTime();
  });

  ( window.performance ||
    ( window.performance = {} ) ).now = function () {
      return Date.now() - offset;
    };

  var offset = ( window.performance.timing ||
    ( window.performance.timing = {} ) ).navigatorStart ||
      ( window.performance.timing.navigationStart = Date.now() );
}

There's another typo: it's navigationStart, not navigatorStart

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.