@shopify/performance - npm Package Compare versions

Comparing version 4.0.0 to 4.1.0

build/cjs/performance.js

@@ -38,2 +38,3 @@ 'use strict';
       utilities.withTiming(({
+        responseEnd,
         domContentLoadedEventStart,
@@ -49,2 +50,7 @@ loadEventStart
         this.lifecycleEvent({
+          type: types.EventType.TimeToLastByte,
+          start: responseEnd - this.timeOrigin,
+          duration: 0
+        });
+        this.lifecycleEvent({
           type: types.EventType.DomContentLoaded,
@@ -62,2 +68,10 @@ start: domContentLoadedEventStart - this.timeOrigin,
       utilities.withEntriesOfType('navigation', entry => {
+        if (entry.responseEnd > 0) {
+          this.lifecycleEvent({
+            type: types.EventType.TimeToLastByte,
+            start: entry.responseEnd,
+            duration: 0
+          });
+        }
+
         if (entry.domContentLoadedEventStart > 0) {
@@ -64,0 +78,0 @@ this.lifecycleEvent({

build/cjs/types.js

@@ -9,2 +9,3 @@ 'use strict';
   EventType["TimeToFirstByte"] = "ttfb";
+  EventType["TimeToLastByte"] = "ttlb";
   EventType["TimeToFirstPaint"] = "ttfp";
@@ -11,0 +12,0 @@ EventType["TimeToFirstContentfulPaint"] = "ttfcp";

build/ts/types.d.ts

 export declare enum EventType {
     TimeToFirstByte = "ttfb",
+    TimeToLastByte = "ttlb",
     TimeToFirstPaint = "ttfp",
@@ -29,2 +30,8 @@ TimeToFirstContentfulPaint = "ttfcp",
 }
+export interface TimeToLastByteEvent extends BasicEvent {
+    type: EventType.TimeToLastByte;
+    metadata?: {
+        [key: string]: any;
+    };
+}
 export interface TimeToFirstPaintEvent extends BasicEvent {
@@ -88,6 +95,7 @@ type: EventType.TimeToFirstPaint;
 }
-export type LifecycleEvent = TimeToFirstByteEvent | TimeToFirstPaintEvent | TimeToFirstContentfulPaintEvent | TimeToLargestContentfulPaintEvent | DomContentLoadedEvent | FirstInputDelayEvent | LoadEvent;
+export type LifecycleEvent = TimeToFirstByteEvent | TimeToLastByteEvent | TimeToFirstPaintEvent | TimeToFirstContentfulPaintEvent | TimeToLargestContentfulPaintEvent | DomContentLoadedEvent | FirstInputDelayEvent | LoadEvent;
 export type Event = LifecycleEvent | LongTaskEvent | ScriptDownloadEvent | StyleDownloadEvent | GraphQLEvent | UsableEvent | CustomEvent;
 export interface EventMap {
     [EventType.TimeToFirstByte]: TimeToFirstByteEvent;
+    [EventType.TimeToLastByte]: TimeToLastByteEvent;
     [EventType.TimeToFirstPaint]: TimeToFirstPaintEvent;
@@ -94,0 +102,0 @@ [EventType.TimeToFirstContentfulPaint]: TimeToFirstContentfulPaintEvent;

package.json

 {
   "name": "@shopify/performance",
-  "version": "4.0.0",
+  "version": "4.1.0",
   "license": "MIT",
@@ -5,0 +5,0 @@ "description": "Primitives for collecting browser performance metrics",

README.md

@@ -123,3 +123,3 @@ # `@shopify/performance`
 
-##### Largest Contentful Paint (`EventType.TimeToFirstContentfulPaint`)
+##### Largest Contentful Paint (`EventType.TimeToLargestContentfulPaint`)
 
@@ -126,0 +126,0 @@ The render time of the largest image or text block visible within the viewport, relative to when the page first started loading.

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

89581

increased by1.97%

Lines of code

1497

increased by2.46%

No dependency changes