I am working on a website that is very saturated with some pages. When you browse through older versions of the iPad (tested with iPad 3) that have lower memory, the Safari browser will run out of memory and crash when navigating through these pages. Safari is experiencing a burst of memory, reaching about 900 MB of total virtual memory during a crash.
After debugging, I found that the main cause of this problem is the following CSS property, which is used to enable scroll scrolling in a web browser. Removing this CSS property from my stylesheets reduces the total virtual memory by about 300 MB and stabilizes my application.
.class1,
.class2,
.class3
{
-webkit-overflow-scrolling: touch;
}
However, the obvious side effect of removing this CSS style is losing the scroll on my web page and we will return to Safari's own scroll, which is not very user friendly.
I am looking for a way to enable scrolling on my page with a smaller memory size, so that my application can work on older versions of tablets.
I noticed that this problem is much worse with iOS 7 and iOS 6 - I hope that iOS 8 will solve this problem and I can push my clients to upgrade as an option.
, -webkit-overflow-scrolling: touch; ? . , , CSS div, . , , , ?
.