title: iOS Safari memory usage with "-webkit-transform"
body: <p><a href="https://jsfiddle.net/ES4xG/8/" rel="nofollow noreferrer">https://jsfiddle.net/ES4xG/8/</a> uses a significant share of memory.</p>
  <p>iOS Safari uses a significant share of memory with some <code>-webkit-transform</code> instructions. This approach helps delivers more complex graphics but seems to consume a lot of memory and may even cause crashes.</p>
  <p>The demo above shows a text displayed 150 times that would otherwise run normally on a PC browser:</p>
  <p>The font size and number of elements is exaggerated to cause a crash. The <code>-webkit-transform: translate3d(0,0,0)</code> is intended to force GPU accelerated drawing of each element.</p>
  <p>In the real application, we are using <code>translateX</code>,<code>Y</code>,<code>Z</code>, <code>scale</code> and others that seem to be connected to GPU use in the same way. Images and sprites are also used, but they are not connected to crashes directly.</p>
  <p>Given the scenario above:</p>
  <ol>
  <li><p>What's the reason behind iOS Safari using a lot of memory or even crashing?</p>
  </li>
  <li><p>Plugging in Apple Instruments Memory Monitor, Virtual Memory climbs and seems to be the culprit of the crash. What exactly is using this memory?</p>
  </li>
  <li><p>Is there any other GPU accelerated approach that would not consume a lot of memory?</p>
  </li>
  </ol>