Fix synchronous loading for ES5 build (#17174)

src/html/_js_base.html.template

@@ -1,18 +1,23 @@
-    <script>
+<script>
-      function _ls(src) {
+  function _ls(src, sync) {
-        var doc = document.documentElement;
+    var script = document.createElement("script");
-        var script = doc.insertBefore(
+    if (sync) {
-          document.createElement("script"),
+      script.async = false;
-          doc.lastChild
+    }
-        );
-        script.defer = true;
     script.src = src;
-        return script;
+    return document.head.appendChild(script);
   }
   window.polymerSkipLoadingFontRoboto = true;
-      if (!("customElements" in window &&
+  if (
-            "content" in document.createElement("template"))) {
+    !(
-        document.write("<script src='/static/polyfills/webcomponents-bundle.js'><"+"/script>");
+      "customElements" in window &&
+      "content" in document.createElement("template")
+    )
+  ) {
+    _ls("/static/polyfills/webcomponents-bundle.js", true);
   }
-      var isS11_12 = /(?:.*(?:iPhone|iPad).*OS (?:11|12)_\d)|(?:.*Version\/(?:11|12)(?:\.\d+)*.*Safari\/)/.test(navigator.userAgent);
+  var isS11_12 =
-    </script>
+    /(?:.*(?:iPhone|iPad).*OS (?:11|12)_\d)|(?:.*Version\/(?:11|12)(?:\.\d+)*.*Safari\/)/.test(
+      navigator.userAgent
+    );
+</script>

src/html/_script_load_es5.html.template

@@ -9,7 +9,7 @@
         }
       <% } else { %>
         <% for (const entry of es5EntryJS) { %>
-          _ls("<%= entry %>");
+          _ls("<%= entry %>", true);
         <% } %>
       <% } %>
     }

src/html/index.html.template

@@ -112,7 +112,7 @@
             }
           <% } else { %>
             <% for (const entry of es5EntryJS) { %>
-              _ls("<%= entry %>");
+              _ls("<%= entry %>", true);
             <% } %>
           <% } %>
         }