Improve Google Lighthouse score

[mark-stopka]

This site is hosted on Microsoft (GitHub) infrastructure and dev-net version is behind CloudFlare, yet our scores from Google Lighthouse are:

• Performance: 62/100
• Accessibility: 84/100
• Best Practices: 100/100
• SEO: 92/100

We need to work on improving the first two... Green category if possible... We learn best practices here and the replicate on dCloud website.

Overall rating snapshot

[codybutz]

This is probably due to the overhead of loading in the whole Bulma library. I'll attempt to reduce the page load size, which I think is the initial problem.

[codybutz]

Also, I'm going to look into an image optimizer.

[mark-stopka]

Still more to be done...

[mark-stopka]

PR #85 improved ratings as follows:

[Sebastix]

Tested the homepage:
Performance score is 31 on mobile
Performance score is 91 on desktop

I think the background takes a lot of rendering on mobile and is the performance killer. Maybe it's better to initialize the background after the page has been loaded en rendered in the DOM.

[mark-stopka]

@Sebastix I think mobile sucks this bad, because we've got quite a lot of assets to load, we will have to work on that at some point...

But desktop score makes us in the green area, which is good!