Web developer quotes From the free-form survey responses:
Different performance bottlenecks across different rendering engines. e.g clip-path jank in chrome. 2D canvas context compositing performance differences Trying to accurately measure performance across browsers when the APIs for getting RUM data are so different.
From our interviews:
We haven’t released it yet, but there’s a new homepage for our brand that I was building out. It had some fancy parallax effects and stuff. It was weird because on iOS on an iPad – it worked fine on mobile – but on iPad everything was really janky. It turned out after I had chatted with one of the senior engineers from the design firm that was helping us out, that iOS has performance issues when trying to animate an element that has text shadow. Once I removed the text shadow then things were smooth on the iPad again, which was kind of an oddly annoying thing to fix. I just darkened the background of the videos a little bit and then it looked OK. That was something I did not know, I had no idea that text shadow could cause issues like that on an iPad. I had mentioned the issue of rendering video to a canvas. It seems that iOS was a bit more stringent about how much memory a canvas can use. We ran into some flickering issues on a… I think it was an iPad Pro, an older 12-inch iPad Pro. Because it’s such a large canvas running at a very high resolution, sometimes the edges would clip as you would scroll. The way we fixed it is we ended up having just two separate canvases drawing the same video, and that stopped the flickering. I guess an individual canvas in iOS is limited to a certain resolution. Yeah, it was an odd thing that I kind of stumbled into. Suddenly the animation didn’t… if I start swiping on the other surface, then the current slide just starts to follow my finger, but not in a natural way like you would expect from native iOS component. A lot of sliders don’t replicate the iOS behavior. This time, you just slide, and once you reach a point
Made with FlippingBook - professional solution for displaying marketing and sales documents online