Control the speed at which your loading state shows up depending on the user's internet speed.

getDelayFromNetworkSpeed.ts

const defaultDelay = 500;
export default function getDelay(): number {
  if (typeof window !== "undefined") {
    if (window.navigator && window.navigator.connection) {
      const connection = window.navigator.connection.effectiveType;

      switch (connection) {
        case "4g":
          return defaultDelay;
        case "3g":
          return 200;
        case "2g":
          return 0;
        default:
          return defaultDelay;
      }
    }
  }

  return defaultDelay;
}

I would make it dependent on how long the call really needs. If a call takes less 150ms it doesn't matter if it is on 2g or 4g.

Good call, thank you! :)