alixaxel's solution to "Better performing proof of concept - Urgent"

I see no major lagging on mobile (Android 4.0), perhaps it would be useful if you could demo a short video?<\/p>\n\n

I was reading a little and I found several people mentioning that by setting transform: translateZ(0)<\/code>, you are enabling hardware acceleration that improves dragging, panning and zooming on mobile/SVG.<\/p>\n\n

I can't see any notable difference on my end, but it might be worth a shot: here's the experiment<\/a>.<\/p>\n\n

I've also removed the opacity rules, the second floorplan as well as the Bootstrap 2.3 responsive CSS (you were using BS 3.0).<\/em><\/p>\n\n

Migrating to canvas should be more performant too, but I'm not savvy enough on D3 to do it myself. =(<\/p>\n

I see no major lagging on mobile (Android 4.0), perhaps it would be useful if you could demo a short video? I was reading a little and I found several people mentioning that by setting `transform: translateZ(0)`, you are enabling hardware acceleration that improves dragging, panning and zooming on mobile/SVG. I can't see any notable difference on my end, but it might be worth a shot: [here's the experiment](http://goo.gl/FMbr8r/). *). *I've also removed the opacity rules, the second floorplan as well as the Bootstrap 2.3 responsive CSS (you were using BS 3.0).* ).* **EDIT:** The URL I posted was incorrect, could you check it now? Migrating to canvas should be more performant too, but I'm not savvy enough on D3 to do it myself. =(.

User: alixaxel

Question: Better performing proof of concept - Urgent

Back to question