: Laggy web page with jquery and images I have a slow down problem with my single page website: basically it uses a LOT of memory (around 120MB) and, when scrolling, it can easily reach 40-90%
I have a slow down problem with my single page website: basically it uses a LOT of memory (around 120MB) and, when scrolling, it can easily reach 40-90% of CPU usage! I am wondering what the problem might be so I will try to explain what resources I am using.
50 20kb sized images (stretched to around 200x200px)
medium jQuery usage (some effects, a lot of AJAX)
jQuery isotope plugin
using hash change events to have sort of PiP (page in page) effects - like open a profile or a comment view -
around 20 jQuery event listeners
saving to localStorage every 10 seconds
Could this even be enough to slow it down that much, especially when scrolling? I am pretty sure there are much heavier pages like facebook, g docs, etc.
I have absolutely no problem with safari (I am on mac) but chrome gets really laggy. I cannot seem to find a profiler that can help me isolate the problem.
I have also removed all the effets regarding box-shadow or transparencies.
Any help? Thanks in advance.
More posts by @Jessie594
2 Comments
Sorted by latest first Latest Oldest Best
Apparently it is a problem to be addressed to some issues regarding chrome ONLY on the new macbook retina displays, ad can be seen in this github.com/richardshepherd/Parallax-Scrolling/issues/6 or other threads. problem solved.
This sound very strange. When you say it uses a lot of memory I guess you are talking about RAM. It sounds like something is very badly wrong with the jquery code. If you are using a number of plugins something might be conflicting.
From the limited information you have provided it sounds like it is getting stuck in an infinite loop. If this page is already on the web and you provide a link I might be able to take a closer look.
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.