Hacking to be Performant? Talk presented at Meta Refresh 2015 Delhi Runup hosted at Wingify.
Presentation discusses the different hacks and approaches available to make your Application performant, but what are the different pros and cons related to each approach.
12. Evolution
Is necessary, though it proceeds gradually and
takes some time, it accounts for everyone to be
on the same page.
Though, not everyone can afford to walk at the
same speed, they must run, jump obstacles, cut
corners and give their best shot.
17. What are we Trying to fit?
● HTML5 Games
● Single Page Applications
● Animations
● Editors, Document Collaboration Tools
● WebRTC (Video, Audio)
and many more.
18. That’s it?
Not at all.
Everything available on Mobile must be
available via APIs on Web.
20. From JS to Screen:
Style/Layout PaintingJS Compositing
keep < 16ms!
1. Add CSS rules in style via JS.
2. Recalculate style, maybe relayout.
3. Paint the browser’s mental model to a layer
4. Composite all layers into a final image
28. You must consider:
● Accessibility, Flipboard injects mirror of the content into an
invisible dom so it’s still in synch for VoiceOver.
● Canvas is not hardware accelerated on every browser
(accompanies device constraints).
DOM Rendering might become amazingly fast soon.
(Hint: remember project Ganesh).