delay the execution of website page

i am developing an website and it is kinda heavy so i need to do those loading animation that keeps the website of getting start before loading all elements and images take in mind i have allot of css animation and Jenter image description herequery animation so i cant use document.ready because these stop only javascript animation not css animation even if theres no loading animation but what is most important is to delay execution or appearance of every thing till after loading everything