nextjs - 💡(How to fix) Fix Server requests and latency increased after upgrading from Next.js 15 to 16 [1 comments, 2 participants]

TL;DR

The most likely fix is to investigate and optimize the changed behavior in Next.js 16 that is causing the doubling of requests.

Guidance

• Review the Next.js 16 release notes and documentation to understand the changes that may be causing the increased number of requests.
• Check the application code for any areas that may be triggering additional requests, such as unnecessary re-renders or fetches.
• Use performance monitoring tools to identify the specific requests that are being duplicated and optimize their handling.
• Consider opening an issue with the Next.js team or seeking community support to understand the expected behavior and potential workarounds.

Example

No specific code snippet can be provided without more information about the application code, but an example of how to monitor performance in Next.js using the next/next.js module and a performance monitoring library like web-vitals could be:

import { reportWebVitals } from 'web-vitals';

// Report performance metrics to analytics service
reportWebVitals((metrics) => {
  console.log(metrics);
});

Notes

The issue may be specific to the application code or configuration, and more information would be needed to provide a definitive solution. The provided environment information and package versions may also be relevant to the issue.

Recommendation

Apply workaround: The best course of action would be to investigate and optimize the application code to mitigate the increased number of requests, rather than downgrading to Next.js 15. This will allow the application to take advantage of any performance improvements and new features in Next.js 16.