website should render after all contents are loaded

[cheekujodhpur]

The website rendering has a glitch. it tries to render before the background image is loaded, thus making all the elements float to the left and appear compressed until the image loads. This effect exists for a fraction of a second but should preferably be fixed.

[thechargedneutron]

https://www.upwork.com/hiring/development/11-tips-to-optimize-javascript-and-improve-website-loading-speeds/
The above link contains reason for slow rendering. It states "First, it’s important that all elements in the "head" section are pre-loaded, before the visitor sees anything in browser, then all subsequent elements are ordered to load in a logical way. Any JavaScript inside the "head" section can slow down a page’s rendering"
So I removed the js tags in head.html. Review it!!