Defer the loading of personalize.js, and ensure that personalize is called

even if the DOM was loaded before this script runs.

themes/asf/index.html.xslt

@@ -25,7 +25,7 @@
             title="{atom:title}" type="{atom:link[@rel='self']/@type}" />
         </xsl:if>
         <link rel="shortcut icon" href="/favicon.ico" />
-        <script type="text/javascript" src="personalize.js">
+        <script defer="defer" src="personalize.js">
           <xsl:comment><!--HTML Compatibility--></xsl:comment>
         </script>
       </head>

themes/asf/personalize.js

@@ -294,4 +294,8 @@ function personalize() {
 }
 
 // hook event
-document.addEventListener("DOMContentLoaded", personalize, false);
+if (document.getElementById('footer')) {
+  personalize();
+} else {
+  document.addEventListener("DOMContentLoaded", personalize, false);
+}