加载大量数据/内容时，网站滚动缓慢

Question

When on my website large amount of data like picture and gallery slider and data along with animation is being loaded it causes the scrolling of the page slow. when I try to scroll the page through the arrow keys the scrolling becomes almost zero with lags between them. all the javascript files and css are being loaded from cdn links. is there any specific reason why it is getting slow scrolling. I have used AngularJS.

Answer 1

This is just a guess, but you need to optimize all your photos for whatever size you are displaying it for because they are likely too large. You can use this link to create your new image files:

http://optimizilla.com/

Answer 2

Using the one time binding with angular and increasing the gallery sliding time and there are many way in which angular can be optimised. https://www.binpress.com/tutorial/speeding-up-angular-js-with-simple-optimizations/135

It helped in my case