web-vitals/dist/web-vitals.attribution.umd.cjs

Easily measure performance metrics in JavaScript

!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).webVitals={})}(this,(function(e){"use strict";var t,n,r,i,a,o=function(){return window.performance&&performance.getEntriesByType&&performance.getEntriesByType("navigation")[0]},u=function(e){if("loading"===document.readyState)return"loading";var t=o();if(t){if(e<t.domInteractive)return"loading";if(0===t.domContentLoadedEventStart||e<t.domContentLoadedEventStart)return"dom-interactive";if(0===t.domComplete||e<t.domComplete)return"dom-content-loaded"}return"complete"},c=function(e){var t=e.nodeName;return 1===e.nodeType?t.toLowerCase():t.toUpperCase().replace(/^#/,"")},s=function(e,t){var n="";try{for(;e&&9!==e.nodeType;){var r=e,i=r.id?"#"+r.id:c(r)+(r.className&&r.className.length?"."+r.className.replace(/\s+/g,"."):"");if(n.length+i.length>(t||100)-1)return n||i;if(n=n?i+">"+n:i,r.id)break;e=r.parentNode}}catch(e){}return n},f=-1,l=function(){return f},d=function(e){addEventListener("pageshow",(function(t){t.persisted&&(f=t.timeStamp,e(t))}),!0)},m=function(){var e=o();return e&&e.activationStart||0},v=function(e,t){var n=o(),r="navigate";return l()>=0?r="back-forward-cache":n&&(r=document.prerendering||m()>0?"prerender":n.type.replace(/_/g,"-")),{name:e,value:void 0===t?-1:t,rating:"good",delta:0,entries:[],id:"v3-".concat(Date.now(),"-").concat(Math.floor(8999999999999*Math.random())+1e12),navigationType:r}},p=function(e,t,n){try{if(PerformanceObserver.supportedEntryTypes.includes(e)){var r=new PerformanceObserver((function(e){t(e.getEntries())}));return r.observe(Object.assign({type:e,buffered:!0},n||{})),r}}catch(e){}},h=function(e,t){var n=function n(r){"pagehide"!==r.type&&"hidden"!==document.visibilityState||(e(r),t&&(removeEventListener("visibilitychange",n,!0),removeEventListener("pagehide",n,!0)))};addEventListener("visibilitychange",n,!0),addEventListener("pagehide",n,!0)},g=function(e,t,n,r){var i,a;return function(o){t.value>=0&&(o||r)&&((a=t.value-(i||0))||void 0===i)&&(i=t.value,t.delta=a,t.rating=function(e,t){return e>t[1]?"poor":e>t[0]?"needs-improvement":"good"}(t.value,n),e(t))}},T=-1,y=function(){return"hidden"!==document.visibilityState||document.prerendering?1/0:0},E=function(){h((function(e){var t=e.timeStamp;T=t}),!0)},S=function(){return T<0&&(T=y(),E(),d((function(){setTimeout((function(){T=y(),E()}),0)}))),{get firstHiddenTime(){return T}}},b=function(e,t){t=t||{};var n,r=[1800,3e3],i=S(),a=v("FCP"),o=function(e){e.forEach((function(e){"first-contentful-paint"===e.name&&(c&&c.disconnect(),e.startTime<i.firstHiddenTime&&(a.value=e.startTime-m(),a.entries.push(e),n(!0)))}))},u=window.performance&&window.performance.getEntriesByName&&window.performance.getEntriesByName("first-contentful-paint")[0],c=u?null:p("paint",o);(u||c)&&(n=g(e,a,r,t.reportAllChanges),u&&o([u]),d((function(i){a=v("FCP"),n=g(e,a,r,t.reportAllChanges),requestAnimationFrame((function(){requestAnimationFrame((function(){a.value=performance.now()-i.timeStamp,n(!0)}))}))})))},C=!1,w=-1,L={passive:!0,capture:!0},F=new Date,M=function(e,i){t||(t=i,n=e,r=new Date,B(removeEventListener),A())},A=function(){if(n>=0&&n<r-F){var e={entryType:"first-input",name:t.type,target:t.target,cancelable:t.cancelable,startTime:t.timeStamp,processingStart:t.timeStamp+n};i.forEach((function(t){t(e)})),i=[]}},x=function(e){if(e.cancelable){var t=(e.timeStamp>1e12?new Date:performance.now())-e.timeStamp;"pointerdown"==e.type?function(e,t){var n=function(){M(e,t),i()},r=function(){i()},i=function(){removeEventListener("pointerup",n,L),removeEventListener("pointercancel",r,L)};addEventListener("pointerup",n,L),addEventListener("pointercancel",r,L)}(t,e):M(t,e)}},B=function(e){["mousedown","keydown","touchstart","pointerdown"].forEach((function(t){return e(t,x,L)}))},I=function(e,r){r=r||{};var a,o=[100,300],u=S(),c=v("FID"),s=function(e){e.startTime<u.firstHiddenTime&&(c.value=e.processingStart-e.startTime,c.entries.push(e),a(!0))},f=function(e){e.forEach(s)},l=p("first-input",f);a=g(e,c,o,r.reportAllChanges),l&&h((function(){f(l.takeRecords()),l.disconnect()}),!0),l&&d((function(){var u;c=v("FID"),a=g(e,c,o,r.reportAllChanges),i=[],n=-1,t=null,B(addEventListener),u=s,i.push(u),A()}))},P=0,D=1/0,k=0,N=function(e){e.forEach((function(e){e.interactionId&&(D=Math.min(D,e.interactionId),k=Math.max(k,e.interactionId),P=k?(k-D)/7+1:0)}))},q=function(){return a?P:performance.interactionCount||0},R=function(){"interactionCount"in performance||a||(a=p("event",N,{type:"event",buffered:!0,durationThreshold:0}))},H=0,O=function(){return q()-H},j=[],_={},V=function(e){var t=j[j.length-1],n=_[e.interactionId];if(n||j.length<10||e.duration>t.latency){if(n)n.entries.push(e),n.latency=Math.max(n.latency,e.duration);else{var r={id:e.interactionId,latency:e.duration,entries:[e]};_[r.id]=r,j.push(r)}j.sort((function(e,t){return t.latency-e.latency})),j.splice(10).forEach((function(e){delete _[e.id]}))}},U=function(e,t){t=t||{};var n=[200,500];R();var r,i=v("INP"),a=function(e){e.forEach((function(e){(e.interactionId&&V(e),"first-input"===e.entryType)&&(!j.some((function(t){return t.entries.some((function(t){return e.duration===t.duration&&e.startTime===t.startTime}))}))&&V(e))}));var t,n=(t=Math.min(j.length-1,Math.floor(O()/50)),j[t]);n&&n.latency!==i.value&&(i.value=n.latency,i.entries=n.entries,r())},o=p("event",a,{durationThreshold:t.durationThreshold||40});r=g(e,i,n,t.reportAllChanges),o&&(o.observe({type:"first-input",buffered:!0}),h((function(){a(o.takeRecords()),i.value<0&&O()>0&&(i.value=0,i.entries=[]),r(!0)})),d((function(){j=[],H=q(),i=v("INP"),r=g(e,i,n,t.reportAllChanges)})))},z={},G=function e(t){document.prerendering?addEventListener("prerenderingchange",(function(){return e(t)}),!0):"complete"!==document.readyState?addEventListener("load",(function(){return e(t)}),!0):setTimeout(t,0)},J=function(e,t){t=t||{};var n=[800,1800],r=v("TTFB"),i=g(e,r,n,t.reportAllChanges);G((function(){var a=o();if(a){if(r.value=Math.max(a.responseStart-m(),0),r.value<0||r.value>performance.now())return;r.entries=[a],i(!0),d((function(){r=v("TTFB",0),(i=g(e,r,n,t.reportAllChanges))(!0)}))}}))};e.onCLS=function(e,t){!function(e,t){t=t||{};var n=[.1,.25];C||(b((function(e){w=e.value})),C=!0);var r,i=function(t){w>-1&&e(t)},a=v("CLS",0),o=0,u=[],c=function(e){e.forEach((function(e){if(!e.hadRecentInput){var t=u[0],n=u[u.length-1];o&&e.startTime-n.startTime<1e3&&e.startTime-t.startTime<5e3?(o+=e.value,u.push(e)):(o=e.value,u=[e]),o>a.value&&(a.value=o,a.entries=u,r())}}))},s=p("layout-shift",c);s&&(r=g(i,a,n,t.reportAllChanges),h((function(){c(s.takeRecords()),r(!0)})),d((function(){o=0,w=-1,a=v("CLS",0),r=g(i,a,n,t.reportAllChanges)})))}((function(t){!function(e){if(e.entries.length){var t=e.entries.reduce((function(e,t){return e&&e.value>t.value?e:t}));if(t&&t.sources&&t.sources.length){var n=(r=t.sources).find((function(e){return e.node&&1===e.node.nodeType}))||r[0];n&&(e.attribution={largestShiftTarget:s(n.node),largestShiftTime:t.startTime,largestShiftValue:t.value,largestShiftSource:n,largestShiftEntry:t,loadState:u(t.startTime)})}}else e.attribution={};var r}(t),e(t)}),t)},e.onFCP=function(e,t){b((function(t){!function(e){if(e.entries.length){var t=o(),n=e.entries[e.entries.length-1];if(t){var r=t.activationStart||0,i=Math.max(0,t.responseStart-r);e.attribution={timeToFirstByte:i,firstByteToFCP:e.value-i,loadState:u(e.entries[0].startTime),navigationEntry:t,fcpEntry:n}}}else e.attribution={timeToFirstByte:0,firstByteToFCP:e.value,loadState:u(l())}}(t),e(t)}),t)},e.onFID=function(e,t){I((function(t){!function(e){var t=e.entries[0];e.attribution={eventTarget:s(t.target),eventType:t.name,eventTime:t.startTime,eventEntry:t,loadState:u(t.startTime)}}(t),e(t)}),t)},e.onINP=function(e,t){U((function(t){!function(e){if(e.entries.length){var t=e.entries.sort((function(e,t){return t.duration-e.duration||t.processingEnd-t.processingStart-(e.processingEnd-e.processingStart)}))[0];e.attribution={eventTarget:s(t.target),eventType:t.name,eventTime:t.startTime,eventEntry:t,loadState:u(t.startTime)}}else e.attribution={}}(t),e(t)}),t)},e.onLCP=function(e,t){!function(e,t){t=t||{};var n,r=[2500,4e3],i=S(),a=v("LCP"),o=function(e){var t=e[e.length-1];if(t){var r=t.startTime-m();r<i.firstHiddenTime&&(a.value=r,a.entries=[t],n())}},u=p("largest-contentful-paint",o);if(u){n=g(e,a,r,t.reportAllChanges);var c=function(){z[a.id]||(o(u.takeRecords()),u.disconnect(),z[a.id]=!0,n(!0))};["keydown","click"].forEach((function(e){addEventListener(e,c,{once:!0,capture:!0})})),h(c,!0),d((function(i){a=v("LCP"),n=g(e,a,r,t.reportAllChanges),requestAnimationFrame((function(){requestAnimationFrame((function(){a.value=performance.now()-i.timeStamp,z[a.id]=!0,n(!0)}))}))}))}}((function(t){!function(e){if(e.entries.length){var t=o();if(t){var n=t.activationStart||0,r=e.entries[e.entries.length-1],i=r.url&&performance.getEntriesByType("resource").filter((function(e){return e.name===r.url}))[0],a=Math.max(0,t.responseStart-n),u=Math.max(a,i?(i.requestStart||i.startTime)-n:0),c=Math.max(u,i?i.responseEnd-n:0),f=Math.max(c,r?r.startTime-n:0),l={element:s(r.element),timeToFirstByte:a,resourceLoadDelay:u-a,resourceLoadTime:c-u,elementRenderDelay:f-c,navigationEntry:t,lcpEntry:r};r.url&&(l.url=r.url),i&&(l.lcpResourceEntry=i),e.attribution=l}}else e.attribution={timeToFirstByte:0,resourceLoadDelay:0,resourceLoadTime:0,elementRenderDelay:e.value}}(t),e(t)}),t)},e.onTTFB=function(e,t){J((function(t){!function(e){if(e.entries.length){var t=e.entries[0],n=t.activationStart||0,r=Math.max(t.domainLookupStart-n,0),i=Math.max(t.connectStart-n,0),a=Math.max(t.requestStart-n,0);e.attribution={waitingTime:r,dnsTime:i-r,connectionTime:a-i,requestTime:e.value-a,navigationEntry:t}}else e.attribution={waitingTime:0,dnsTime:0,connectionTime:0,requestTime:0}}(t),e(t)}),t)},Object.defineProperty(e,"__esModule",{value:!0})}));