I made an entire website in animated edge. A total of 6 pages and each page has animations.
6 pages are displayed and hidden through the exhibition and hide display when the called pages from the menu.
I thought that being all the site on a single page, this obviously creates the heaviness of the load.
The total weight of the site not is high, it is only 90MB.
It 'a site resizable (%) and fixed-page, ie without side bars for scrolling.
I made a first test on the test server, but slow loading.
So I tweaked all the pictures, audio and videos, I recovered a few seconds of loading speed, but times are still too long.
I did a lot of research to try to improve the situation, and I've discovered that you could create a single page (so in my case 6 separate pages) and recall them with div html code, but all links of the examples I found, not work and very little I understand about how we do.
I can easily create each separate page, but then I have no idea how to bring up the other page?
Example with an image for you to be as clear as possible:
by index.an project how do I call the contact page when you click on the contact button? What are the codes to use and where to place them?
Can someone please help me to improve my situation slow loading? Thank you