Make site async/load friendly
Closed this issue · 3 comments
bhuvy2 commented
So we have a lot of css/js in our head blocking the site from loading. We should introduce requirejs and stagger our dependencies loading so the site takes less time to load, this also helps with #37 because google and other search engines use speed metrics to determine rankings.
- Analytics should definitely not be in head.
We ought to set timeouts/caches as well as minify the files (maybe use grunt to automate that?)
bchong95 commented
Good call!
bhuvy2 commented
https://developers.google.com/speed/pagespeed/insights/?url=cs241.cs.illinois.edu.
- Eliminate render-blocking JavaScript and CSS in above-the-fold content (head)
- Leverage browser caching (serve our sources from a CDN with a longer Cache-Control)
- Minify CSS
bhuvy2 commented
With website redesign, this is a non-issue. We will just have to keep it light going forward.