Hi,
I’m not sure, but I have the impression, that my Jekyll based website is loading too long (often showing the HTML and then applying the CSS). That said I’m a backend software engineer and I thought Jekyll would generate a _site directory with the generated sites, which it doesn’t. I’m using Netlify and Github for hosting.
Did I simply miss something?
Kind regards
Johannes
Jekyll is a static site generator.
It principally runs once to convert your source files into HTML files and their associated assets to be served via a webserver.
Try scanning your pages with Google Lighthouse and following the recommendations listed.
If you look at the network tab in your browser tools, you’ll see in the waterfall cascade that all of your scripts load before the CSS, which is why you’re seeing a flash of unstyled content.
I would move the CSS before your scripts and remove the <noscript></noscript> wrapping them to see if it makes a difference.
<link rel="stylesheet" href="/css/skel.css" />
<link rel="stylesheet" href="/css/style.css" />
<link rel="stylesheet" href="/css/style-wide.css" />
<noscript><link rel="stylesheet" href="/css/style-noscript.css" /></nosript>
<script src="/js/jquery.min.js"></script>
<script src="/js/jquery.dropotron.min.js"></script>
<script src="/js/jquery.scrolly.min.js"></script>
<script src="/js/jquery.scrollgress.min.js"></script>
<script src="/js/skel.min.js"></script>
<script src="/js/skel-layers.min.js"></script>
<script src="/js/init.js"></script>
<!--[if lte IE 8]><link rel="stylesheet" href="/css/ie/v8.css" /><![endif]-->
<!--[if lte IE 9]><link rel="stylesheet" href="/css/ie/v9.css" /><![endif]-->
Oh yes, thanks to both of you. I changed the order and replaced the images with a slightly resized versions and saved in the WebP-Format instead of JPEG 
I think it’s much better now, what do you think?
Plus now the content is GZipped…
Mobile version needs some love as well: (I’m getting a score of 73)
https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fsirix.io%2F&tab=mobile
Load your JavaScripts in footer and if possible please combine all the files into 1 file and also you may use gulp.
Almost all images on https://sirix.io show broken. Is that the site you are referring to?
Does your Browser support WebP-Images?