Improved site load time

[HugoSave]

What?

• Added the option to serve bootstrap css and bootstrap js using the standard CDN (defaults to not using CDN)
• Changed so that the compressed bootstrap js is served instead of the uncompressed one.
• Made the Alata font a "non critical" resouce by loading it async.

Why?

To fix performance issues as reported by PageSpeed when analysing the demo page. Hopefully fixes #63 or at least mitigates it.

• The option to serve through CDN can help to download the bootstrap files faster, it did in my case at least and it does not hurt to have the option.
• Saving bandwidth by serving minified js
• Making it async improves the response time of the site. The downside is that the user might see the default font for a little while before the Alata font is loaded but PageSpeed reported that his font had quite large impact on the loading time so I thought it was worth the tradeof and this seems to be quite common practice. See image below for PageSpeed's loading time of this font.

Design notes

The font loading techniques was taken from css-tricks.

Testing

I saw 5-14 more performance score on PageSpeed score on my netlify build before and after these changes (when I used CDN to load bootstrap assets).

[james-s-w-clark]

Nice!

[gurusabarish]

Hi @HugoSave , I will review this in weekend.

[gurusabarish]

Thanks @HugoSave