I was looking for ways to optimize the webpage when I came across chromium developers tools. It contains an feature called, Audits, that can scan websites and identify issues with performance. I ran the test for both freecadweb.org and the github pages demo (ar795.github.io/FreeCAD-Homepage) and the results were a bit interesting.
The scores for freecadweb.org:
And the github pages demo, are quite different:
I was previously under the impression that, given two web pages with similiar content, both would get similiar performance scores, but turns out that this is not always the case.
So to find out more about optimization, I did a bit of research and found some suggestions for making web pages load faster, namely:
1.) Using webp format for images (reduces image size, but AFAIK it is not yet supported in firefox).
2.) Using HTTP/2 for resources (found this website that does a comparision https://imagekit.io/demo/http2-vs-http1
3.) Lazy loading images.
Plus some addition topics that include caching and improving accessibility.