diff --git a/packages/docusaurus/src/client/App.tsx b/packages/docusaurus/src/client/App.tsx
index 989d67925008..ca367d6bce3f 100644
--- a/packages/docusaurus/src/client/App.tsx
+++ b/packages/docusaurus/src/client/App.tsx
@@ -38,7 +38,7 @@ export default function App(): JSX.Element {
             <BaseUrlIssueBanner />
             <PendingNavigation
               location={normalizeLocation(location)}
-              delay={1000}>
+              delay={200}>
               {routeElement}
             </PendingNavigation>
           </Root>
diff --git a/packages/docusaurus/src/client/PendingNavigation.tsx b/packages/docusaurus/src/client/PendingNavigation.tsx
index 6caf743a9f7c..5ebe9217488f 100644
--- a/packages/docusaurus/src/client/PendingNavigation.tsx
+++ b/packages/docusaurus/src/client/PendingNavigation.tsx
@@ -56,7 +56,7 @@ class PendingNavigation extends React.Component<Props, State> {
     // Save the location first.
     this.previousLocation = this.props.location;
     this.setState({nextRouteHasLoaded: false});
-    this.startProgressBar(this.props.delay);
+    this.startProgressBar();
 
     // Load data while the old screen remains.
     preload(nextLocation.pathname)
@@ -86,14 +86,14 @@ class PendingNavigation extends React.Component<Props, State> {
     }
   }
 
-  private startProgressBar(delay: number) {
+  private startProgressBar() {
     this.clearProgressBarTimeout();
     this.progressBarTimeout = window.setTimeout(() => {
       clientLifecyclesDispatcher.onRouteUpdateDelayed({
         location: this.props.location,
       });
       nprogress.start();
-    }, delay);
+    }, this.props.delay);
   }
 
   private stopProgressBar() {