diff --git a/packages/template-explorer/src/index.ts b/packages/template-explorer/src/index.ts
index 6fc650fbc..b774a7794 100644
--- a/packages/template-explorer/src/index.ts
+++ b/packages/template-explorer/src/index.ts
@@ -37,6 +37,7 @@ window.init = () => {
     try {
       const errors: CompilerError[] = []
       const compileFn = ssrMode.value ? ssrCompile : compile
+      const start = performance.now()
       const { code, ast, map } = compileFn(source, {
         filename: 'template.vue',
         ...compilerOptions,
@@ -45,6 +46,7 @@ window.init = () => {
           errors.push(err)
         }
       })
+      console.log(`Compiled in ${(performance.now() - start).toFixed(2)}ms.`)
       monaco.editor.setModelMarkers(
         editor.getModel()!,
         `@vue/compiler-dom`,