feat(profile): place performance measures behind --profile flag

adamdbradley · adamdbradley · commit 265154f5f738 · 2018-10-29T14:47:46.000-05:00
diff --git a/src/cli/parse-flags.ts b/src/cli/parse-flags.ts
@@ -169,8 +169,9 @@ const ARG_OPTS = {
     'log',
     'open',
     'prerender',
-    'service-worker',
     'prod',
+    'profile',
+    'service-worker',
     'screenshot',
     'serve',
     'skip-node-check',
diff --git a/src/cli/test/parse-flags.spec.ts b/src/cli/test/parse-flags.spec.ts
@@ -348,6 +348,12 @@ describe('parseFlags', () => {
     expect(flags.prod).toBe(true);
   });
 
+  it('should parse --profile', () => {
+    process.argv[2] = '--profile';
+    const flags = parseFlags(process);
+    expect(flags.profile).toBe(true);
+  });
+
   it('should parse --prerender', () => {
     process.argv[2] = '--prerender';
     const flags = parseFlags(process);
diff --git a/src/client/platform-main-legacy.ts b/src/client/platform-main-legacy.ts
@@ -18,7 +18,7 @@ import { queueUpdate } from '../core/update';
 
 export function createPlatformMainLegacy(namespace: string, Context: d.CoreContext, win: d.WindowData, doc: Document, resourcesUrl: string, hydratedCssClass: string, components: d.ComponentHostData[], customStyle: CustomStyle) {
   const perf = win.performance;
-  if (__BUILD_CONDITIONALS__.perf) {
+  if (__BUILD_CONDITIONALS__.profile) {
     perf.mark(`app_load_start`);
   }
 
@@ -117,7 +117,7 @@ export function createPlatformMainLegacy(namespace: string, Context: d.CoreConte
     plt.isCmpReady.set(rootElm, App.loaded = plt.isAppLoaded = true);
     domApi.$dispatchEvent(win, 'appload', { detail: { namespace: namespace } });
 
-    if (__BUILD_CONDITIONALS__.perf) {
+    if (__BUILD_CONDITIONALS__.profile) {
       perf.mark('app_load_end');
       perf.measure('app_load', 'app_load_start', 'app_load_end');
     }
@@ -164,14 +164,14 @@ export function createPlatformMainLegacy(namespace: string, Context: d.CoreConte
         HostElementConstructor.observedAttributes = observedAttributes;
       }
 
-      if (__BUILD_CONDITIONALS__.perf) {
+      if (__BUILD_CONDITIONALS__.profile) {
         perf.mark(`define_start:${cmpMeta.tagNameMeta}`);
       }
 
       // define the custom element
       win.customElements.define(cmpMeta.tagNameMeta, HostElementConstructor);
 
-      if (__BUILD_CONDITIONALS__.perf) {
+      if (__BUILD_CONDITIONALS__.profile) {
         perf.mark(`define_end:${cmpMeta.tagNameMeta}`);
         perf.measure(`define:${cmpMeta.tagNameMeta}`, `define_start:${cmpMeta.tagNameMeta}`, `define_end:${cmpMeta.tagNameMeta}`);
       }
@@ -391,7 +391,7 @@ export function createPlatformMainLegacy(namespace: string, Context: d.CoreConte
   }
 
   // register all the components now that everything's ready
-  if (__BUILD_CONDITIONALS__.perf) {
+  if (__BUILD_CONDITIONALS__.profile) {
     perf.mark(`define_custom_elements_start`);
   }
 
@@ -415,7 +415,7 @@ export function createPlatformMainLegacy(namespace: string, Context: d.CoreConte
     }
   );
 
-  if (__BUILD_CONDITIONALS__.perf) {
+  if (__BUILD_CONDITIONALS__.profile) {
     perf.mark(`define_custom_elements_end`);
     perf.measure(`define_custom_elements`, `define_custom_elements_start`, `define_custom_elements_end`);
   }
diff --git a/src/client/platform-main.ts b/src/client/platform-main.ts
@@ -18,7 +18,7 @@ import { queueUpdate } from '../core/update';
 
 export function createPlatformMain(namespace: string, Context: d.CoreContext, win: d.WindowData, doc: Document, resourcesUrl: string, hydratedCssClass: string, components: d.ComponentHostData[]) {
   const perf = win.performance;
-  if (__BUILD_CONDITIONALS__.perf) {
+  if (__BUILD_CONDITIONALS__.profile) {
     perf.mark(`app_load_start`);
   }
 
@@ -110,7 +110,7 @@ export function createPlatformMain(namespace: string, Context: d.CoreContext, wi
     plt.isCmpReady.set(rootElm, App.loaded = plt.isAppLoaded = true);
     domApi.$dispatchEvent(win, 'appload', { detail: { namespace: namespace } });
 
-    if (__BUILD_CONDITIONALS__.perf) {
+    if (__BUILD_CONDITIONALS__.profile) {
       perf.mark('app_load_end');
       perf.measure('app_load', 'app_load_start', 'app_load_end');
     }
@@ -151,13 +151,13 @@ export function createPlatformMain(namespace: string, Context: d.CoreContext, wi
           .filter(attribName => !!attribName);
       }
 
-      if (__BUILD_CONDITIONALS__.perf) {
+      if (__BUILD_CONDITIONALS__.profile) {
         perf.mark(`define_start:${cmpMeta.tagNameMeta}`);
       }
 
       win.customElements.define(cmpMeta.tagNameMeta, HostElementConstructor);
 
-      if (__BUILD_CONDITIONALS__.perf) {
+      if (__BUILD_CONDITIONALS__.profile) {
         perf.mark(`define_end:${cmpMeta.tagNameMeta}`);
         perf.measure(`define:${cmpMeta.tagNameMeta}`, `define_start:${cmpMeta.tagNameMeta}`, `define_end:${cmpMeta.tagNameMeta}`);
       }
@@ -166,15 +166,15 @@ export function createPlatformMain(namespace: string, Context: d.CoreContext, wi
 
 
   function requestBundle(cmpMeta: d.ComponentMeta, elm: d.HostElement, hmrVersionId: string) {
-    if (__BUILD_CONDITIONALS__.perf) {
+    if (__BUILD_CONDITIONALS__.profile) {
       perf.mark(`request_bundle_start:${elm.nodeName.toLowerCase()}:${elm['s-id']}`);
     }
 
     if (cmpMeta.componentConstructor) {
       // we're already all loaded up :)
       queueUpdate(plt, elm, perf);
 
-      if (__BUILD_CONDITIONALS__.perf) {
+      if (__BUILD_CONDITIONALS__.profile) {
         perf.mark(`request_bundle_end:${elm.nodeName.toLowerCase()}:${elm['s-id']}`);
         perf.measure(`request_bundle:${elm.nodeName.toLowerCase()}:${elm['s-id']}`, `request_bundle_start:${elm.nodeName.toLowerCase()}:${elm['s-id']}`, `request_bundle_end:${elm.nodeName.toLowerCase()}:${elm['s-id']}`);
       }
@@ -192,7 +192,7 @@ export function createPlatformMain(namespace: string, Context: d.CoreContext, wi
       (cmpMeta.bundleIds as d.GetModuleFn)(moduleOpts).then(cmpConstructor => {
         // async loading of the module is done
 
-        if (__BUILD_CONDITIONALS__.perf) {
+        if (__BUILD_CONDITIONALS__.profile) {
           perf.mark(`request_bundle_end:${elm.nodeName.toLowerCase()}:${elm['s-id']}`);
           perf.measure(`request_bundle:${elm.nodeName.toLowerCase()}:${elm['s-id']}`, `request_bundle_start:${elm.nodeName.toLowerCase()}:${elm['s-id']}`, `request_bundle_end:${elm.nodeName.toLowerCase()}:${elm['s-id']}`);
         }
@@ -246,7 +246,7 @@ export function createPlatformMain(namespace: string, Context: d.CoreContext, wi
       __import(url).then(importedModule => {
         // async loading of the module is done
 
-        if (__BUILD_CONDITIONALS__.perf) {
+        if (__BUILD_CONDITIONALS__.profile) {
           perf.mark(`request_bundle_end:${elm.nodeName.toLowerCase()}:${elm['s-id']}`);
           perf.measure(`request_bundle:${elm.nodeName.toLowerCase()}:${elm['s-id']}`, `request_bundle_start:${elm.nodeName.toLowerCase()}:${elm['s-id']}`, `request_bundle_end:${elm.nodeName.toLowerCase()}:${elm['s-id']}`);
         }
@@ -287,15 +287,15 @@ export function createPlatformMain(namespace: string, Context: d.CoreContext, wi
   if (__BUILD_CONDITIONALS__.browserModuleLoader) {
     // register all the components now that everything's ready
     // standard es2017 class extends HTMLElement
-    if (__BUILD_CONDITIONALS__.perf) {
+    if (__BUILD_CONDITIONALS__.profile) {
       perf.mark(`define_custom_elements_start`);
     }
 
     components
       .map(parseComponentLoader)
       .forEach(cmpMeta => defineComponent(cmpMeta, class extends HTMLElement {}));
 
-    if (__BUILD_CONDITIONALS__.perf) {
+    if (__BUILD_CONDITIONALS__.profile) {
       perf.mark(`define_custom_elements_end`);
       perf.measure(`define_custom_elements`, `define_custom_elements_start`, `define_custom_elements_end`);
     }
diff --git a/src/core/connected.ts b/src/core/connected.ts
@@ -28,7 +28,7 @@ export function connectedCallback(plt: d.PlatformApi, cmpMeta: d.ComponentMeta,
       elm['s-id'] = plt.nextId();
     }
 
-    if (__BUILD_CONDITIONALS__.perf) {
+    if (__BUILD_CONDITIONALS__.profile) {
       perf.mark(`connected_start:${elm.nodeName.toLowerCase()}:${elm['s-id']}`);
     }
 
@@ -52,7 +52,7 @@ export function connectedCallback(plt: d.PlatformApi, cmpMeta: d.ComponentMeta,
       // if it's already loaded then the callback will be synchronous
       plt.hostSnapshotMap.set(elm, initHostSnapshot(plt.domApi, cmpMeta, elm));
 
-      if (__BUILD_CONDITIONALS__.perf) {
+      if (__BUILD_CONDITIONALS__.profile) {
         perf.mark(`connected_end:${elm.nodeName.toLowerCase()}:${elm['s-id']}`);
         perf.measure(`connected:${elm.nodeName.toLowerCase()}:${elm['s-id']}`, `connected_start:${elm.nodeName.toLowerCase()}:${elm['s-id']}`, `connected_end:${elm.nodeName.toLowerCase()}:${elm['s-id']}`);
       }
diff --git a/src/core/disconnected.ts b/src/core/disconnected.ts
@@ -8,7 +8,7 @@ export function disconnectedCallback(plt: PlatformApi, elm: HostElement, perf: P
   // only disconnect if we're not temporarily disconnected
   // tmpDisconnected will happen when slot nodes are being relocated
   if (!plt.tmpDisconnected && isDisconnected(plt.domApi, elm)) {
-    if (__BUILD_CONDITIONALS__.perf) {
+    if (__BUILD_CONDITIONALS__.profile) {
       perf.mark(`disconnected_start:${elm.nodeName.toLowerCase()}:${elm['s-id']}`);
     }
 
@@ -55,7 +55,7 @@ export function disconnectedCallback(plt: PlatformApi, elm: HostElement, perf: P
       plt.hostSnapshotMap
     ].forEach(wm => wm.delete(elm));
 
-    if (__BUILD_CONDITIONALS__.perf) {
+    if (__BUILD_CONDITIONALS__.profile) {
       perf.mark(`disconnected_end:${elm.nodeName.toLowerCase()}:${elm['s-id']}`);
       perf.measure(`disconnected:${elm.nodeName.toLowerCase()}:${elm['s-id']}`, `disconnected_start:${elm.nodeName.toLowerCase()}:${elm['s-id']}`, `disconnected_end:${elm.nodeName.toLowerCase()}:${elm['s-id']}`);
     }
diff --git a/src/core/init-component-instance.ts b/src/core/init-component-instance.ts
@@ -17,7 +17,7 @@ export function initComponentInstance(
 ) {
   try {
 
-    if (__BUILD_CONDITIONALS__.perf) {
+    if (__BUILD_CONDITIONALS__.profile) {
       perf.mark(`init_instance_start:${elm.nodeName.toLowerCase()}:${elm['s-id']}`);
     }
 
@@ -73,7 +73,7 @@ export function initComponentInstance(
 
   plt.instanceMap.set(elm, instance);
 
-  if (__BUILD_CONDITIONALS__.perf) {
+  if (__BUILD_CONDITIONALS__.profile) {
     perf.mark(`init_instance_end:${elm.nodeName.toLowerCase()}:${elm['s-id']}`);
     perf.measure(`init_instance:${elm.nodeName.toLowerCase()}:${elm['s-id']}`, `init_instance_start:${elm.nodeName.toLowerCase()}:${elm['s-id']}`, `init_instance_end:${elm.nodeName.toLowerCase()}:${elm['s-id']}`);
   }
@@ -106,7 +106,7 @@ export function initComponentLoaded(plt: d.PlatformApi, elm: d.HostElement, hydr
     plt.isCmpReady.set(elm, true);
 
     if (!(hasCmpLoaded = plt.isCmpLoaded.has(elm))) {
-      if (__BUILD_CONDITIONALS__.perf) {
+      if (__BUILD_CONDITIONALS__.profile) {
         perf.mark(`init_loaded_start:${elm.nodeName.toLowerCase()}:${elm['s-id']}`);
       }
 
@@ -139,13 +139,13 @@ export function initComponentLoaded(plt: d.PlatformApi, elm: d.HostElement, hydr
         // componentDidLoad only runs ONCE, after the instance's element has been
         // assigned as the host element, and AFTER render() has been called
         // and all the child componenets have finished loading
-        if (__BUILD_CONDITIONALS__.perf) {
+        if (__BUILD_CONDITIONALS__.profile) {
           perf.mark(`componentDidLoad_start:${elm.nodeName.toLowerCase()}:${elm['s-id']}`);
         }
 
         instance.componentDidLoad();
 
-        if (__BUILD_CONDITIONALS__.perf) {
+        if (__BUILD_CONDITIONALS__.profile) {
           perf.mark(`componentDidLoad_end:${elm.nodeName.toLowerCase()}:${elm['s-id']}`);
           perf.measure(`componentDidLoad:${elm.nodeName.toLowerCase()}:${elm['s-id']}`, `componentDidLoad_start:${elm.nodeName.toLowerCase()}:${elm['s-id']}`, `componentDidLoad_end:${elm.nodeName.toLowerCase()}:${elm['s-id']}`);
         }
@@ -155,13 +155,13 @@ export function initComponentLoaded(plt: d.PlatformApi, elm: d.HostElement, hydr
         // fire off the user's componentDidUpdate method (if one was provided)
         // componentDidUpdate runs AFTER render() has been called
         // and all child components have finished updating
-        if (__BUILD_CONDITIONALS__.perf) {
+        if (__BUILD_CONDITIONALS__.profile) {
           perf.mark(`componentDidUpdate_start:${elm.nodeName.toLowerCase()}:${elm['s-id']}`);
         }
 
         instance.componentDidUpdate();
 
-        if (__BUILD_CONDITIONALS__.perf) {
+        if (__BUILD_CONDITIONALS__.profile) {
           perf.mark(`componentDidUpdate_end:${elm.nodeName.toLowerCase()}:${elm['s-id']}`);
           perf.measure(`componentDidUpdate:${elm.nodeName.toLowerCase()}:${elm['s-id']}`, `componentDidUpdate_start:${elm.nodeName.toLowerCase()}:${elm['s-id']}`, `componentDidUpdate_end:${elm.nodeName.toLowerCase()}:${elm['s-id']}`);
         }
@@ -171,7 +171,7 @@ export function initComponentLoaded(plt: d.PlatformApi, elm: d.HostElement, hydr
       plt.onError(e, RUNTIME_ERROR.DidLoadError, elm);
     }
 
-    if (__BUILD_CONDITIONALS__.perf && !hasCmpLoaded) {
+    if (__BUILD_CONDITIONALS__.profile && !hasCmpLoaded) {
       perf.mark(`init_loaded_end:${elm.nodeName.toLowerCase()}:${elm['s-id']}`);
       perf.measure(`init_loaded:${elm.nodeName.toLowerCase()}:${elm['s-id']}`, `init_loaded_start:${elm.nodeName.toLowerCase()}:${elm['s-id']}`, `init_loaded_end:${elm.nodeName.toLowerCase()}:${elm['s-id']}`);
       perf.measure(`loaded:${elm.nodeName.toLowerCase()}:${elm['s-id']}`, `connected_start:${elm.nodeName.toLowerCase()}:${elm['s-id']}`, `init_loaded_end:${elm.nodeName.toLowerCase()}:${elm['s-id']}`);
diff --git a/src/core/proxy-component-instance.ts b/src/core/proxy-component-instance.ts
@@ -10,7 +10,7 @@ export function proxyComponentInstance(
   hostSnapshot: d.HostSnapshot,
   perf: Performance
 ) {
-  if (__BUILD_CONDITIONALS__.perf) {
+  if (__BUILD_CONDITIONALS__.profile) {
     perf.mark(`proxy_instance_start:${elm.nodeName.toLowerCase()}:${elm['s-id']}`);
   }
 
@@ -39,7 +39,7 @@ export function proxyComponentInstance(
     defineMember(plt, property, elm, instance, memberName, hostSnapshot, perf);
   });
 
-  if (__BUILD_CONDITIONALS__.perf) {
+  if (__BUILD_CONDITIONALS__.profile) {
     perf.mark(`proxy_instance_end:${elm.nodeName.toLowerCase()}:${elm['s-id']}`);
     perf.measure(`proxy_instance:${elm.nodeName.toLowerCase()}:${elm['s-id']}`, `proxy_instance_start:${elm.nodeName.toLowerCase()}:${elm['s-id']}`, `proxy_instance_end:${elm.nodeName.toLowerCase()}:${elm['s-id']}`);
   }
diff --git a/src/core/render.ts b/src/core/render.ts
@@ -7,7 +7,7 @@ import { RUNTIME_ERROR } from '../util/constants';
 
 export function render(plt: d.PlatformApi, cmpMeta: d.ComponentMeta, hostElm: d.HostElement, instance: d.ComponentInstance, perf: Performance) {
   try {
-    if (__BUILD_CONDITIONALS__.perf) {
+    if (__BUILD_CONDITIONALS__.profile) {
       perf.mark(`render_start:${hostElm.nodeName.toLowerCase()}`);
     }
 
@@ -149,7 +149,7 @@ export function render(plt: d.PlatformApi, cmpMeta: d.ComponentMeta, hostElm: d.
       hostElm['s-rc'] = null;
     }
 
-    if (__BUILD_CONDITIONALS__.perf) {
+    if (__BUILD_CONDITIONALS__.profile) {
       perf.mark(`render_end:${hostElm.nodeName.toLowerCase()}`);
       perf.measure(`render:${hostElm.nodeName.toLowerCase()}`, `render_start:${hostElm.nodeName.toLowerCase()}`, `render_end:${hostElm.nodeName.toLowerCase()}`);
     }
diff --git a/src/core/styles.ts b/src/core/styles.ts
@@ -6,7 +6,7 @@ import { getScopeId } from '../util/scope';
 export function initStyleTemplate(domApi: d.DomApi, cmpMeta: d.ComponentMeta, encapsulation: ENCAPSULATION, style: string, styleMode: string, perf: Performance) {
   if (style) {
 
-    if (__BUILD_CONDITIONALS__.perf) {
+    if (__BUILD_CONDITIONALS__.profile) {
       perf.mark(`init_style_template_start:${cmpMeta.tagNameMeta}`);
     }
 
@@ -67,7 +67,7 @@ export function initStyleTemplate(domApi: d.DomApi, cmpMeta: d.ComponentMeta, en
       }
     }
 
-    if (__BUILD_CONDITIONALS__.perf) {
+    if (__BUILD_CONDITIONALS__.profile) {
       perf.mark(`init_style_template_end:${cmpMeta.tagNameMeta}`);
       perf.measure(`init_style_template:${cmpMeta.tagNameMeta}`, `init_style_template_start:${cmpMeta.tagNameMeta}`, `init_style_template_end:${cmpMeta.tagNameMeta}`);
     }
diff --git a/src/core/update.ts b/src/core/update.ts
@@ -5,7 +5,7 @@ import { RUNTIME_ERROR } from '../util/constants';
 
 
 export function queueUpdate(plt: d.PlatformApi, elm: d.HostElement, perf: Performance) {
-  if (__BUILD_CONDITIONALS__.perf) {
+  if (__BUILD_CONDITIONALS__.profile) {
     perf.mark(`queue:${elm.nodeName.toLowerCase()}:${elm['s-id']}`);
   }
 
@@ -74,13 +74,13 @@ export async function update(plt: d.PlatformApi, elm: d.HostElement, perf: Perfo
         // assigned as the host element, but BEFORE render() has been called
         try {
           if (instance.componentWillLoad) {
-            if (__BUILD_CONDITIONALS__.perf) {
+            if (__BUILD_CONDITIONALS__.profile) {
               perf.mark(`componentWillLoad_start:${elm.nodeName.toLowerCase()}:${elm['s-id']}`);
             }
 
             await instance.componentWillLoad();
 
-            if (__BUILD_CONDITIONALS__.perf) {
+            if (__BUILD_CONDITIONALS__.profile) {
               perf.mark(`componentWillLoad_end:${elm.nodeName.toLowerCase()}:${elm['s-id']}`);
               perf.measure(`componentWillLoad:${elm.nodeName.toLowerCase()}:${elm['s-id']}`, `componentWillLoad_start:${elm.nodeName.toLowerCase()}:${elm['s-id']}`, `componentWillLoad_end:${elm.nodeName.toLowerCase()}:${elm['s-id']}`);
             }
@@ -99,13 +99,13 @@ export async function update(plt: d.PlatformApi, elm: d.HostElement, perf: Perfo
       // get the returned promise (if one was provided)
       try {
         if (instance.componentWillUpdate) {
-          if (__BUILD_CONDITIONALS__.perf) {
+          if (__BUILD_CONDITIONALS__.profile) {
             perf.mark(`componentWillUpdate_start:${elm.nodeName.toLowerCase()}:${elm['s-id']}`);
           }
 
           await instance.componentWillUpdate();
 
-          if (__BUILD_CONDITIONALS__.perf) {
+          if (__BUILD_CONDITIONALS__.profile) {
             perf.mark(`componentWillUpdate_end:${elm.nodeName.toLowerCase()}:${elm['s-id']}`);
           }
         }
diff --git a/src/declarations/build-conditionals.ts b/src/declarations/build-conditionals.ts
@@ -18,7 +18,7 @@ export interface BuildConditionals {
   devInspector: boolean;
   hotModuleReplacement: boolean;
   verboseError: boolean;
-  perf: boolean;
+  profile: boolean;
 
   // ssr
   ssrServerSide: boolean;
diff --git a/src/declarations/config.ts b/src/declarations/config.ts
@@ -219,6 +219,7 @@ export interface ConfigFlags {
   port?: number;
   prerender?: boolean;
   prod?: boolean;
+  profile?: boolean;
   root?: string;
   screenshot?: boolean;
   screenshotConnector?: string;
diff --git a/src/util/build-conditionals.ts b/src/util/build-conditionals.ts
@@ -23,7 +23,7 @@ export function getDefaultBuildConditionals(): d.BuildConditionals {
     observeAttr: true,
     isDev: true,
     isProd: false,
-    perf: false,
+    profile: false,
     element: true,
     event: true,
     listener: true,
@@ -64,7 +64,7 @@ export async function setBuildConditionals(
     clientSide: true,
     isDev: !!config.devMode,
     isProd: !config.devMode,
-    perf: (!!config.devMode || config.logLevel === 'debug'),
+    profile: !!config.flags.profile,
 
     hasSlot: !!buildCtx.hasSlot,
     hasSvg: !!buildCtx.hasSvg,
diff --git a/test/karma/package.json b/test/karma/package.json

Original file line number	Diff line number	Diff line change
`@@ -18,7 +18,7 @@ import { queueUpdate } from '../core/update';`
`18`	`18`
`19`	`19`	`export function createPlatformMainLegacy(namespace: string, Context: d.CoreContext, win: d.WindowData, doc: Document, resourcesUrl: string, hydratedCssClass: string, components: d.ComponentHostData[], customStyle: CustomStyle) {`
`20`	`20`	`const perf = win.performance;`
`21`		`- if (__BUILD_CONDITIONALS__.perf) {`
	`21`	`+ if (__BUILD_CONDITIONALS__.profile) {`
`22`	`22`	perf.mark(`app_load_start`);
`23`	`23`	`}`
`24`	`24`
`@@ -117,7 +117,7 @@ export function createPlatformMainLegacy(namespace: string, Context: d.CoreConte`
`117`	`117`	`plt.isCmpReady.set(rootElm, App.loaded = plt.isAppLoaded = true);`
`118`	`118`	`domApi.$dispatchEvent(win, 'appload', { detail: { namespace: namespace } });`
`119`	`119`
`120`		`- if (__BUILD_CONDITIONALS__.perf) {`
	`120`	`+ if (__BUILD_CONDITIONALS__.profile) {`
`121`	`121`	`perf.mark('app_load_end');`
`122`	`122`	`perf.measure('app_load', 'app_load_start', 'app_load_end');`
`123`	`123`	`}`
`@@ -164,14 +164,14 @@ export function createPlatformMainLegacy(namespace: string, Context: d.CoreConte`
`164`	`164`	`HostElementConstructor.observedAttributes = observedAttributes;`
`165`	`165`	`}`
`166`	`166`
`167`		`- if (__BUILD_CONDITIONALS__.perf) {`
	`167`	`+ if (__BUILD_CONDITIONALS__.profile) {`
`168`	`168`	perf.mark(`define_start:${cmpMeta.tagNameMeta}`);
`169`	`169`	`}`
`170`	`170`
`171`	`171`	`// define the custom element`
`172`	`172`	`win.customElements.define(cmpMeta.tagNameMeta, HostElementConstructor);`
`173`	`173`
`174`		`- if (__BUILD_CONDITIONALS__.perf) {`
	`174`	`+ if (__BUILD_CONDITIONALS__.profile) {`
`175`	`175`	perf.mark(`define_end:${cmpMeta.tagNameMeta}`);
`176`	`176`	perf.measure(`define:${cmpMeta.tagNameMeta}`, `define_start:${cmpMeta.tagNameMeta}`, `define_end:${cmpMeta.tagNameMeta}`);
`177`	`177`	`}`
`@@ -391,7 +391,7 @@ export function createPlatformMainLegacy(namespace: string, Context: d.CoreConte`
`391`	`391`	`}`
`392`	`392`
`393`	`393`	`// register all the components now that everything's ready`
`394`		`- if (__BUILD_CONDITIONALS__.perf) {`
	`394`	`+ if (__BUILD_CONDITIONALS__.profile) {`
`395`	`395`	perf.mark(`define_custom_elements_start`);
`396`	`396`	`}`
`397`	`397`
`@@ -415,7 +415,7 @@ export function createPlatformMainLegacy(namespace: string, Context: d.CoreConte`
`415`	`415`	`}`
`416`	`416`	`);`
`417`	`417`
`418`		`- if (__BUILD_CONDITIONALS__.perf) {`
	`418`	`+ if (__BUILD_CONDITIONALS__.profile) {`
`419`	`419`	perf.mark(`define_custom_elements_end`);
`420`	`420`	perf.measure(`define_custom_elements`, `define_custom_elements_start`, `define_custom_elements_end`);
`421`	`421`	`}`
Original file line number	Diff line number	Diff line change
`@@ -28,7 +28,7 @@ export function connectedCallback(plt: d.PlatformApi, cmpMeta: d.ComponentMeta,`
`28`	`28`	`elm['s-id'] = plt.nextId();`
`29`	`29`	`}`
`30`	`30`
`31`		`- if (__BUILD_CONDITIONALS__.perf) {`
	`31`	`+ if (__BUILD_CONDITIONALS__.profile) {`
`32`	`32`	perf.mark(`connected_start:${elm.nodeName.toLowerCase()}:${elm['s-id']}`);
`33`	`33`	`}`
`34`	`34`
`@@ -52,7 +52,7 @@ export function connectedCallback(plt: d.PlatformApi, cmpMeta: d.ComponentMeta,`
`52`	`52`	`// if it's already loaded then the callback will be synchronous`
`53`	`53`	`plt.hostSnapshotMap.set(elm, initHostSnapshot(plt.domApi, cmpMeta, elm));`
`54`	`54`
`55`		`- if (__BUILD_CONDITIONALS__.perf) {`
	`55`	`+ if (__BUILD_CONDITIONALS__.profile) {`
`56`	`56`	perf.mark(`connected_end:${elm.nodeName.toLowerCase()}:${elm['s-id']}`);
`57`	`57`	perf.measure(`connected:${elm.nodeName.toLowerCase()}:${elm['s-id']}`, `connected_start:${elm.nodeName.toLowerCase()}:${elm['s-id']}`, `connected_end:${elm.nodeName.toLowerCase()}:${elm['s-id']}`);
`58`	`58`	`}`
Original file line number	Diff line number	Diff line change
`@@ -7,7 +7,7 @@ import { RUNTIME_ERROR } from '../util/constants';`
`7`	`7`
`8`	`8`	`export function render(plt: d.PlatformApi, cmpMeta: d.ComponentMeta, hostElm: d.HostElement, instance: d.ComponentInstance, perf: Performance) {`
`9`	`9`	`try {`
`10`		`- if (__BUILD_CONDITIONALS__.perf) {`
	`10`	`+ if (__BUILD_CONDITIONALS__.profile) {`
`11`	`11`	perf.mark(`render_start:${hostElm.nodeName.toLowerCase()}`);
`12`	`12`	`}`
`13`	`13`
`@@ -149,7 +149,7 @@ export function render(plt: d.PlatformApi, cmpMeta: d.ComponentMeta, hostElm: d.`
`149`	`149`	`hostElm['s-rc'] = null;`
`150`	`150`	`}`
`151`	`151`
`152`		`- if (__BUILD_CONDITIONALS__.perf) {`
	`152`	`+ if (__BUILD_CONDITIONALS__.profile) {`
`153`	`153`	perf.mark(`render_end:${hostElm.nodeName.toLowerCase()}`);
`154`	`154`	perf.measure(`render:${hostElm.nodeName.toLowerCase()}`, `render_start:${hostElm.nodeName.toLowerCase()}`, `render_end:${hostElm.nodeName.toLowerCase()}`);
`155`	`155`	`}`
Original file line number	Diff line number	Diff line change
`@@ -6,7 +6,7 @@ import { getScopeId } from '../util/scope';`
`6`	`6`	`export function initStyleTemplate(domApi: d.DomApi, cmpMeta: d.ComponentMeta, encapsulation: ENCAPSULATION, style: string, styleMode: string, perf: Performance) {`
`7`	`7`	`if (style) {`
`8`	`8`
`9`		`- if (__BUILD_CONDITIONALS__.perf) {`
	`9`	`+ if (__BUILD_CONDITIONALS__.profile) {`
`10`	`10`	perf.mark(`init_style_template_start:${cmpMeta.tagNameMeta}`);
`11`	`11`	`}`
`12`	`12`
`@@ -67,7 +67,7 @@ export function initStyleTemplate(domApi: d.DomApi, cmpMeta: d.ComponentMeta, en`
`67`	`67`	`}`
`68`	`68`	`}`
`69`	`69`
`70`		`- if (__BUILD_CONDITIONALS__.perf) {`
	`70`	`+ if (__BUILD_CONDITIONALS__.profile) {`
`71`	`71`	perf.mark(`init_style_template_end:${cmpMeta.tagNameMeta}`);
`72`	`72`	perf.measure(`init_style_template:${cmpMeta.tagNameMeta}`, `init_style_template_start:${cmpMeta.tagNameMeta}`, `init_style_template_end:${cmpMeta.tagNameMeta}`);
`73`	`73`	`}`