IPad: Safari and HTML5. Loading graphic is very slow

i'm italian, so, excuse me for my bad english. The problem is this....

I开发者_如何转开发'm trying to develop a web-site available for IPad1 by HTML5. I have to work with a planimetry. I have taken X and Y coordinates from a Xml file to make this planimetry, and I have drawn it by SVG 'path' tag. The problem is that, when I interact by fingers, on the IPad, the planimetry image loading is heavy. Every kind of image, like tooltip, which I add on the planimetry and modify it in scale, rotation or traslation by fingers... jumps. I tried to solve it activating Hardware Acceleration by adding this code in my CSS file

#path  { -webkit-transform: translateZ(0); }

but nothing!! No change. ( i have read this solution in forums in which talks about Safari )

Maybe the problem is that i have thousands of path tags (like lines and polylines) to draw.

I hope someone could help me soon

Thanks in advance

The problem is simply that the processor can't handle drawing that many parts in a short space of time.

Perhaps draw onto the <canvas> tag in HTML5, then you could cache the image as a bitmap so it wouldn't need to be redrawn when the page is moved?