Delay removing of init skeleton.

src/home-assistant.js

@@ -68,12 +68,6 @@ export default new Polymer({
     this.registerServiceWorker();
   },
 
-  attached() {
-    // remove the HTML init message
-    const initMsg = document.getElementById('init');
-    initMsg.parentElement.removeChild(initMsg);
-  },
-
   ready() {
     reactor.batch(() => {
       // if auth was given, tell the backend

src/layouts/home-assistant-main.js

@@ -2,6 +2,7 @@ import Polymer from '../polymer';
 import hass from '../util/home-assistant-js-instance';
 
 import nuclearObserver from '../util/bound-nuclear-behavior';
+import removeInitMsg from '../util/remove-init-message';
 
 require('../components/ha-sidebar');
 require('../layouts/partial-zone');
@@ -113,6 +114,7 @@ export default new Polymer({
   },
 
   attached() {
+    removeInitMsg();
     startUrlSync();
   },
 

src/layouts/login-form.js

@@ -4,6 +4,7 @@ import hass from '../util/home-assistant-js-instance';
 
 import nuclearObserver from '../util/bound-nuclear-behavior';
 import validateAuth from '../util/validate-auth';
+import removeInitMsg from '../util/remove-init-message';
 
 const { authGetters } = hass;
 
@@ -54,6 +55,10 @@ export default new Polymer({
     'validatingChanged(isValidating, isInvalid)',
   ],
 
+  attached() {
+    removeInitMsg();
+  },
+
   computeShowSpinner(forceShowLoading, isValidating) {
     return forceShowLoading || isValidating;
   },

src/util/remove-init-message.js

@@ -0,0 +1,7 @@
+export default function removeInitMessage() {
+  // remove the HTML init message
+  const initMsg = document.getElementById('ha-init-skeleton');
+  if (initMsg) {
+    initMsg.parentElement.removeChild(initMsg);
+  }
+}