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;
}