Web Vitals

Android

Portals for Android supports three Web Vitals metrics you can use to measure the performance of your web app. These are the First Contentful Paint (FCP), Time to First Byte (TTFB), and First Input Delay (FID).

To measure these metrics of a Portal, pass a function to take the WebVitals metric and speed and report it the way you wish:

public static PortalFragment newInstance() {
    return new PortalFragment(PortalManager.getPortal("profile"), (metric, speed) -> {
        Log.d("VITALS", "Profile Portal = " + metric.name() + ": " + speed + "ms");
        return null;
    });
}

iOS

On iOS, the only Web Vitals metric that is available to measure is First Contentful Paint (FCP). To measure the FCP of a Portal, create a WebPerformanceReporter and pass it to the Portals initializer:

let portal = Portal(
    name: "foo",
    performanceReporter: WebPerformanceReporter { (portalName: String, fcp: Double) in
        print("\(portalName) FCP - \(fcp) ms")
    }
)