consider speed optimizations - JS/CSS above the fold and caching

[fedorov]

would be great to get the template more ... responsive!

see below results from https://testmysite.thinkwithgoogle.com/

[Phlow]

You can always improve. I test mostly with GTMetrix and Pingdom Tools – Do you have any suggestion how we can speed up the site?

[fedorov]

@Phlow I am really just a grateful user of your platform. I have close to zero experience in web development (as you can see from the repositories I contribute to under my account!). If I manage to figure out improvements implementation, I will definitely submit a patch.

Looking at the recommendations from google, it looks like "Eliminate render-blocking JavaScript and CSS in above-the-fold content" is the one they recommend as absolutely necessary. Is this something that can be handled in the template? I think this is a general JS development rule, from the very little I know about JS development...

[Phlow]

@fedorov No need to apologize :) – It's always difficult to eliminate all Javascript in the header section. This theme uses/needs quiet a lot of Javascript. If it's to slow for you, try my other theme called Simplicity. It uses no Javascript at all, yet has that Eliminate render-blocking JavaScript and CSS in above-the-fold content – But is uses no Javascript and all the pages are really small › the size of a page with its images is the most important thing for a website.

Results for Simplicity

[ghost]

If you guys need to hit PageSpeed 100 with a Jekyll site I've created a free and open source tutorial for you using a different theme as an example here: https://habd.as/pagespeed-100-with-jekyll-s3-and-cloudfront/

Base themes should be GH-pages compatible in most cases for wider adoption.

[sugardayfox]

Or you can wrap your JS (usually the culprit) in this script as a simple lazyload trick:

window. addEventListener('scroll',() => set Timeout(() => { // load Intercom and other JS here }, 1000), { once: true } );

Here's how it looks:

Taken from here: https://marketingexamples.com/seo/performance