Slower OG generation after upgrading Next (15.1.4 → 15.5.3) and React (19.0.0 → 19.1.1)

[Kacper-Arendt]

After upgrading Next from 15.1.4 to 15.5.3 and React from 19.0.0 to 19.1.1, we noticed an increase in OG generating time from around 90 ms to over 160 ms.

The app is self-hosted on Node 20 with Express 4.21.2.

Is there anything we can do about this?

screenshot of the chart and the code below.

Code

import { ImageResponse } from "next/og";

import Fav from "assets/icons/fav.svg";

export const size = {
    width: 32,
    height: 32,
};
export const contentType = "image/png";

interface FavIconProps {
    formId: string;
}

export async function FavIcon({ formId }: FavIconProps) {
    const formExtraData = await getFormExtraData<IFormExtraData>(formId);

    const logoUrl = formExtraData?.data?.logoUrl;
    const shouldUseLogo = ....;

    return new ImageResponse(
        shouldUseLogo ? (
            <div
                style={{
                    width: "100%",
                    height: "100%",
                    display: "flex",
                    alignItems: "center",
                    justifyContent: "center",
                }}
            >

                <img alt="" src={logoUrl} />
            </div>
        ) : (
            <Fav />
        ),
        {
            ...size,
        },
    );
}