Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
Control the speed at which your loading state shows up depending on the user's internet speed.
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;
return defaultDelay;
return defaultDelay;

This comment has been minimized.

Copy link

@StarpTech StarpTech commented Apr 25, 2020

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.


This comment has been minimized.

Copy link
Owner Author

@timc1 timc1 commented Apr 25, 2020

Good call, thank you! :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.