chore: log duration of parsing and rendering

josdejong · Apr 8, 2022 · fbc7b98 · fbc7b98
1 parent cec7c22
commit fbc7b98
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/src/routes/development.svelte b/src/routes/development.svelte
@@ -15,6 +15,7 @@
   } from '$lib'
   import { useLocalStorage } from '$lib/utils/localStorageUtils.js'
   import { range } from 'lodash-es'
+  import { tick } from 'svelte'
 
   let content = {
     text: `{
@@ -310,14 +311,14 @@
         reader.onload = function (event) {
           console.timeEnd('load file')
 
-          console.time('set JSON')
+          console.time('parse and render')
 
           content = {
             text: event.target.result,
             json: undefined
           }
 
-          console.timeEnd('set JSON')
+          tick().then(() => console.timeEnd('parse and render'))
         }
         reader.readAsText(file)
       }}

diff --git a/tools/develop-vanilla.html b/tools/develop-vanilla.html
@@ -275,9 +275,11 @@
           console.timeEnd('load file')
           const text = event.target.result
 
-          console.time('set JSON')
+          console.time('parse and render')
+
           testEditor.set({ text })
-          console.timeEnd('set JSON')
+
+          setTimeout(() => console.timeEnd('parse and render'))
         }
         reader.readAsText(file)
       }