Reduce loading time

[jcklie]

We load a lot of JS and other things, try to make page loading faster

[amirhssn]

These are something I think we might want to consider:

1. Host all third-party JS/CSS files by ourselves so that the browser would only need one connection. Given that we use CloudFront I think there wouldn't be any problem regarding the additional load.
2. We have a bunch of JS libraries that are not necessarily needed on every single page, so we can include them only when they're needed.
3. Move the JS loading part from the header to the bottom of HTML so that they don't block page rendering.
4. There two unused fonts. We can remove them.
5. Optimize the CloudFront caching configuration, especially as our entire website is static and the browser shouldn't really reload any resources.

[jcklie]

Thank you for your analysis. I will look into the cloudfront. It really feels like it is not caching. Which fonts are unused? Are they loaded anyways?

[amirhssn]

Yes, I think they're loaded anyway. Take look at here:

emnlp-2020-virtual-conference/templates/base.html

Line 50 in f18f97d

<link