La página de NextJS con getServerSideProps se está cargando lentamente.

Tengo una página con enrutamiento dinámico en mi aplicación NextJS. Solo tiene una llamada a la API. Coloqué esta llamada a la API dentro de getServerSideProps. Mi página tarda aproximadamente 7 segundos en cargar.

El sitio web está alojado en Vercel.

En Postman, la misma llamada a la API tarda 2 segundos.

Enlace a la página:
https://investt.in/mutual-funds/sbi-focused-equity-fund-direct-plan-growth

Código de getServerSideProps:

  export async function getServerSideProps(context) {
  const fund = context.params.fund;
  var fundPageResult = {};
  var titleFundResult = {};
  const titleCase = async (str) => {
    var str1 = await str.replace(/-/g, " ");

    var splitStr = await str1.toLowerCase().split(" ");
    for (var i = 0; i < splitStr.length; i++) {
      splitStr[i] =
        splitStr[i].charAt(0).toUpperCase() + splitStr[i].substring(1);
    }
    var splitStr1 = await splitStr.join(" ");
    var splitStr2 = splitStr1
      .replace(/Sbi/g, "SBI")
      .replace(/ Sp /g, " S&P ")
      .replace(/Lt /g, "L&T ");

    return splitStr2;
  };

  async function apiRequest(url) {
    const resp = await fetch(url);
    if (resp.ok) {
      return resp.json();
    } else {
      return {};
    }
  }
  const fundPageRes = apiRequest(
    `https://localhost:8000/fundpage/?name=${fund}`
  );

  const titleFund = titleCase(fund);

  await Promise.all([fundPageRes, titleFund])
    .then(([fundPageResul, titleFundResul]) => {
      fundPageResult = fundPageResul;
      titleFundResult = titleFundResul;
    })
    .catch((e) => {});

  return {
    props: {
      fund: fund,
      titleFund: titleFundResult,
      avggReturnsResult: fundPageResult["average"],
    },
  };
}

¿Cómo puedo reducir este tiempo de carga?