add timer

seshat/apps/core/templates/core/world_map.html

@@ -271,6 +271,8 @@ <h1 class="text-teal" id="sliderDate"></h1>
     <script src="{% static 'core/js/map_functions.js' %}"></script>
     <script>
 
+        var startTime = performance.now()
+
         function adjustScroll() {
             const slider = document.getElementById('dateSlide');
             const sliderDiv = document.getElementById('sliderdiv');
@@ -361,6 +363,8 @@ <h1 class="text-teal" id="sliderDate"></h1>
         var tick_years = {{ tick_years }};
         setSliderTicks(tick_years);
 
+        console.log('Initial time: ' + (performance.now() - startTime) + 'ms');
+
         // Load all polity shapes and modern province/country shapes in background
         window.addEventListener('load', function () {
             function fetchData(url, displayYear) {
@@ -379,6 +383,7 @@ <h1 class="text-teal" id="sliderDate"></h1>
                         plotPolities();
                         document.getElementById('loadingIndicator').style.display = 'none';
                         let enteredYear = document.getElementById('enterYear').value;
+                        console.log('One year time: ' + (performance.now() - startTime) + 'ms');
                         if (displayYear != enteredYear) {
                             return fetchData('/core/world_map_one_year/', enteredYear);
                         } else {
@@ -403,7 +408,7 @@ <h1 class="text-teal" id="sliderDate"></h1>
                         plotPolities();
                         allPolitiesLoaded = true;
                         document.getElementById('loadingIndicator').style.display = 'none';
-
+                        console.log('All years time: ' + (performance.now() - startTime) + 'ms');
                         return fetch('/core/provinces_and_countries');
                     })
                     .then(response => response.json())
@@ -426,6 +431,7 @@ <h1 class="text-teal" id="sliderDate"></h1>
 
                         document.getElementById('baseMapCurrentLoadingIndicator').style.display = 'none';
                         document.getElementById('baseMapCurrent').disabled = false;
+                        console.log('Base map time: ' + (performance.now() - startTime) + 'ms');
                     });
             }