Map is taking time to load

I’m loading 3D Globe map

Now when i loading the page it is asking for location but sometimes what happen is map does not load and it shows current location on black screen only after clicking on allow and sometime it takes time to load map

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<!-- Include the CesiumJS JavaScript and CSS files -->
<script src="https://cesium.com/downloads/cesiumjs/releases/1.84/Build/Cesium/Cesium.js"></script>
 <link href="https://cesium.com/downloads/cesiumjs/releases/1.84/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
</head>
<body>
<div id="cesiumContainer"></div>
<script>
Cesium.Ion.defaultAccessToken = 'XXXXXXXX';
var viewer = new Cesium.Viewer("cesiumContainer", {
  imageryProvider: Cesium.createWorldImagery({
    style: Cesium.IonWorldImageryStyle.AERIAL_WITH_LABELS,
  }),
  animation: false,
  timeline: false,
  baseLayerPicker: false,
});

viewer.scene.screenSpaceCameraController.minimumZoomDistance=2000000;
var layers = viewer.scene.imageryLayers;
var blackMarble = layers.addImageryProvider(
  new Cesium.IonImageryProvider({ assetId: 3812 })
);
function fly(position) {
        viewer.camera.flyTo({
      destination: Cesium.Cartesian3.fromDegrees(
        position.coords.longitude,
        position.coords.latitude,
        1005.0
      ),
    });
    }
blackMarble.alpha = 0.5;
blackMarble.brightness = 1.2;
navigator.geolocation.getCurrentPosition(fly);
  </script>
 </div>
</body>
</html>

Any suggestion Please, Thanks

@James

Thank you for sharing this with the community! Do you notice a similar issue when testing with other browsers? It seems like you are noticing this issue using Google Chrome. Can you please share a sandcastle demo that showcases this issue with the community? I would like to test this out on my machine and potentially write up an issue on GitHub.

-Sam