Can anybody figure out why this page is so clunky

Can anybody figure out why this page is so clunky
0

#1

Im working on my random quotes page. Not quite finished. I feel like im over looking something. It seems to be loading twice or at least running the main function that builds the document twice.

Bear in mind, its not cleaned up well and you may see things that are useless or just commented out.

Im going to clean it up tomorrow and see if I can see it then.


#2

Your animation adjusting font sizes requires a lot software repainting and calculations by the browser. When doing animations, the most efficient way is just running CSS transforms whenever possible, as those get into a much easier GPU acceleration
In this particular case, replacing all the things you do in the animation from for a simple transform:scale(0.1)
will achieve a similar effect, but a million times smoother.