Moved slow stuff to window.load event 🚀

chicio · chicio · commit 78e30026ed9c · 2019-05-12T14:57:53.000+02:00
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,6 +1,13 @@
 # Change Log
 All changes to Chicio coding will be documented in this file.
 
+## [1.11.0](https://github.com/chicio/chicio.github.io/releases/tag/1.11.0)
+Release date: 2019-05-12.
+
+#### Added
+
+- moved scene3d home animation and cookie consent to the window.load event
+
 ## [1.10.0](https://github.com/chicio/chicio.github.io/releases/tag/1.10.0)
 Release date: 2019-05-11.
 
diff --git a/_includes/cookieconsent-style.css b/_includes/cookieconsent-style.css
diff --git a/_includes/critical.css b/_includes/critical.css
diff --git a/_includes/dependencies-js-blog.html b/_includes/dependencies-js-blog.html
@@ -16,5 +16,5 @@
 </script>
 <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS_SVG"></script>
 <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.js"></script>
-<script type="text/javascript" src="/assets/js/index.blog.min.js?rev=4cf7c24ac2d16dffc40892b910ef3743"></script>
+<script type="text/javascript" src="/assets/js/index.blog.min.js?rev=6761317c421166a2ffbbb0ce8143149d"></script>
 {%include service-worker.html %}
diff --git a/_includes/dependencies-js-home.html b/_includes/dependencies-js-home.html
@@ -1,3 +1,3 @@
 <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.js"></script>
-<script type="text/javascript" src="/assets/js/index.home.min.js?rev=e190a19e359e446cffc462672ea01b90"></script>
+<script type="text/javascript" src="/assets/js/index.home.min.js?rev=49ecb6ed0ea35d65f40e68c2e1fae317"></script>
 {%include service-worker.html %}
diff --git a/_includes/head.html b/_includes/head.html
@@ -12,6 +12,7 @@
 	{% include icons.html %}
 	{% include analytics.html %}
 	<style type="text/css">{% include {{ include.critical-css }} %}</style>
+	<style type="text/css">{% include cookieconsent-style.css %}</style>
 	{% seo %}
 	{% if include.content-type %}
 	<meta property="og:type" content="{{ include.content-type }}"/>
diff --git a/_includes/service-worker-js-blog-urls.js b/_includes/service-worker-js-blog-urls.js
@@ -1 +1 @@
-"/assets/js/index.blog.min.js?rev=4cf7c24ac2d16dffc40892b910ef3743",
+"/assets/js/index.blog.min.js?rev=6761317c421166a2ffbbb0ce8143149d",
diff --git a/_includes/service-worker-js-home-urls.js b/_includes/service-worker-js-home-urls.js
@@ -1 +1 @@
-"/assets/js/index.home.min.js?rev=e190a19e359e446cffc462672ea01b90",
+"/assets/js/index.home.min.js?rev=49ecb6ed0ea35d65f40e68c2e1fae317",
diff --git a/_includes/style.html b/_includes/style.html
@@ -1,5 +1,4 @@
 <noscript id="deferred-styles">
-  <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.css" />
   {% include {{ include.styleInclude }} %}
 </noscript>
 <script>
diff --git a/_js/common/cookie-consent.js b/_js/common/cookie-consent.js
@@ -1,25 +1,23 @@
 /* @flow */
 const cookieConsent = (): void => {
-  window.addEventListener('load', () => {
-    window.cookieconsent.initialise({
-      'palette': {
-        'popup': {
-          'background': '#9fa8da',
-          'text': '#ffffff'
-        },
-        'button': {
-          'background': '#448aff',
-          'text': '#ffffff'
-        }
+  window.cookieconsent.initialise({
+    palette: {
+      popup: {
+        background: '#9fa8da',
+        text: '#ffffff'
       },
-      'theme': 'classic',
-      'content': {
-        'dismiss': 'Ok',
-        'href': window.location.protocol + '//' + window.location.host + '/cookie-policy.html',
-        'message': 'This website uses cookies to ensure you get the best experience.',
-        'link': 'Learn more about cookie policy'
+      button: {
+        background: '#448aff',
+        text: '#ffffff'
       }
-    })
+    },
+    theme: 'classic',
+    content: {
+      dismiss: 'Ok',
+      href: window.location.protocol + '//' + window.location.host + '/cookie-policy.html',
+      message: 'This website uses cookies to ensure you get the best experience.',
+      link: 'Learn more about cookie policy'
+    }
   })
 }
 
diff --git a/_js/index.blog.js b/_js/index.blog.js
@@ -3,6 +3,9 @@ import { cookieConsent } from './common/cookie-consent.js'
 import { lazyLoadImages } from './common/lazy-load-images'
 
 document.addEventListener('DOMContentLoaded', () => {
-  cookieConsent()
   lazyLoadImages('.blog-image')
 })
+
+window.addEventListener('load', () => {
+  cookieConsent()
+})
diff --git a/_js/index.home.js b/_js/index.home.js
@@ -6,9 +6,12 @@ import { homeHeaderAnimation } from './home/home-header-animation'
 import { scene3D } from './home/scene-3D'
 
 document.addEventListener('DOMContentLoaded', () => {
-  cookieConsent()
   tabs()
   lazyLoadImages('.profile-image, .who-am-i-icon, .project-image, .timeline-image')
+})
+
+window.addEventListener('load', () => {
   homeHeaderAnimation()
   scene3D()
+  cookieConsent()
 })
diff --git a/_jsbuild/common/cookie-consent.js b/_jsbuild/common/cookie-consent.js
@@ -1,25 +1,23 @@
 /*  */
 const cookieConsent = () => {
-  window.addEventListener('load', () => {
-    window.cookieconsent.initialise({
-      'palette': {
-        'popup': {
-          'background': '#9fa8da',
-          'text': '#ffffff'
-        },
-        'button': {
-          'background': '#448aff',
-          'text': '#ffffff'
-        }
+  window.cookieconsent.initialise({
+    palette: {
+      popup: {
+        background: '#9fa8da',
+        text: '#ffffff'
       },
-      'theme': 'classic',
-      'content': {
-        'dismiss': 'Ok',
-        'href': window.location.protocol + '//' + window.location.host + '/cookie-policy.html',
-        'message': 'This website uses cookies to ensure you get the best experience.',
-        'link': 'Learn more about cookie policy'
+      button: {
+        background: '#448aff',
+        text: '#ffffff'
       }
-    })
+    },
+    theme: 'classic',
+    content: {
+      dismiss: 'Ok',
+      href: window.location.protocol + '//' + window.location.host + '/cookie-policy.html',
+      message: 'This website uses cookies to ensure you get the best experience.',
+      link: 'Learn more about cookie policy'
+    }
   })
 }
 
diff --git a/_jsbuild/index.blog.js b/_jsbuild/index.blog.js
@@ -3,6 +3,9 @@ import { cookieConsent } from './common/cookie-consent.js'
 import { lazyLoadImages } from './common/lazy-load-images'
 
 document.addEventListener('DOMContentLoaded', () => {
-  cookieConsent()
   lazyLoadImages('.blog-image')
 })
+
+window.addEventListener('load', () => {
+  cookieConsent()
+})
diff --git a/_jsbuild/index.home.js b/_jsbuild/index.home.js
@@ -6,9 +6,12 @@ import { homeHeaderAnimation } from './home/home-header-animation'
 import { scene3D } from './home/scene-3D'
 
 document.addEventListener('DOMContentLoaded', () => {
-  cookieConsent()
   tabs()
   lazyLoadImages('.profile-image, .who-am-i-icon, .project-image, .timeline-image')
+})
+
+window.addEventListener('load', () => {
   homeHeaderAnimation()
   scene3D()
+  cookieConsent()
 })
diff --git a/_layouts/blog.html b/_layouts/blog.html
@@ -32,7 +32,7 @@
             </div>
         </div>
         {% include footer.html %}
-		{% include dependencies-js-blog.html %}
 		{% include style.html styleInclude="dependencies-css-blog-home.html" %}
+		{% include dependencies-js-blog.html %}
     </body>
 </html>
diff --git a/_layouts/cookie-policy.html b/_layouts/cookie-policy.html
@@ -74,7 +74,7 @@ <h4><strong>Where can your find more information about cookies</strong></h4>
 	{% endif %}
 </div>
 {% include footer.html %}
-{% include dependencies-js-blog.html %}
 {% include style.html styleInclude="dependencies-css-cookie-policy.html" %}
+{% include dependencies-js-blog.html %}
 </body>
 </html>
diff --git a/_layouts/home.html b/_layouts/home.html
@@ -569,7 +569,7 @@ <h4 class="timeline-subtitle">
             </div>
         </div>
 		{% include footer.html %}
-        {% include dependencies-js-home.html %}
         {% include style.html styleInclude="dependencies-css-home.html" %}
+        {% include dependencies-js-home.html %}
     </body>
 </html>
diff --git a/_layouts/post-archive.html b/_layouts/post-archive.html
@@ -23,7 +23,7 @@
             </div>
         </div>
         {% include footer.html %}
-        {% include dependencies-js-blog.html %}
 		{% include style.html styleInclude="dependencies-css-blog-archive.html" %}
+        {% include dependencies-js-blog.html %}
     </body>
 </html>
diff --git a/_layouts/post.html b/_layouts/post.html
@@ -14,7 +14,7 @@
 			{% endif %}
 		</div>
 		{% include footer.html %}
-		{% include dependencies-js-blog.html %}
 		{% include style.html styleInclude="dependencies-css-blog-post.html" %}
+		{% include dependencies-js-blog.html %}
 	</body>
 </html>
diff --git a/_layouts/privacy-policy.html b/_layouts/privacy-policy.html
@@ -63,7 +63,7 @@ <h1><strong>Privacy Policy</strong></h1>
 	{% endif %}
 </div>
 {% include footer.html %}
-{% include dependencies-js-blog.html %}
 {% include style.html styleInclude="dependencies-css-privacy-policy.html" %}
+{% include dependencies-js-blog.html %}
 </body>
 </html>
diff --git a/_layouts/tags.html b/_layouts/tags.html
@@ -52,7 +52,7 @@
             </div>
         </div>
         {% include footer.html %}
-		{% include dependencies-js-blog.html %}
 		{% include style.html styleInclude="dependencies-css-blog-tags.html" %}        
+		{% include dependencies-js-blog.html %}
     </body>
 </html>
diff --git a/assets/js/index.blog.min.js b/assets/js/index.blog.min.js
diff --git a/assets/js/index.home.min.js b/assets/js/index.home.min.js
diff --git a/package-lock.json b/package-lock.json

Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		`-"/assets/js/index.blog.min.js?rev=4cf7c24ac2d16dffc40892b910ef3743",`
	`1`	`+"/assets/js/index.blog.min.js?rev=6761317c421166a2ffbbb0ce8143149d",`
Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		`-"/assets/js/index.home.min.js?rev=e190a19e359e446cffc462672ea01b90",`
	`1`	`+"/assets/js/index.home.min.js?rev=49ecb6ed0ea35d65f40e68c2e1fae317",`
Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,4 @@`
`1`	`1`	`<noscript id="deferred-styles">`
`2`		`- <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.css" />`
`3`	`2`	`{% include {{ include.styleInclude }} %}`
`4`	`3`	`</noscript>`
`5`	`4`	`<script>`