http://jsfiddle.net/ES4xG/8/ trava a maioria dos dispositivos de retina.

O Safari do iOS "facilmente" fica sem memória e trava ao usar alguns-webkit-transform instruções. Essa abordagem fornece gráficos impressionantes, mas, especialmente em telas de retina, parece consumir muita memória e causar falhas.

A demonstração acima mostra um texto exibido 150 vezes que normalmente seria executado normalmente em um navegador de PC:

O tamanho da fonte e o número de elementos são exagerados para causar uma falha. o-webkit-transform: translate3d(0,0,0) destina-se a forçar o desenho acelerado por GPU de cada elemento.

Na aplicação real, estamos usandotranslateX,Y,Z, scale e outros que parecem estar conectados à GPU usam da mesma maneira. Imagens e sprites também são usados, mas não estão conectados diretamente a falhas.

Dado o cenário acima:

1) É um bug que o iOS Safari está travando?

2) Ao conectar o Apple Instruments Memory Monitor, a Memória virtual sobe e parece ser a culpada do acidente. O que exatamente está usando essa memória?

3) Existe alguma outra abordagem acelerada por GPU que não consome muita memória?