HTML5 Development Best Practices

Hi all,

I've been doing some HTML5 development and I've noticed that the functionality is a bit quirky. Here is a list of things that I am noticing:

- Zoom Regions appear to happen at slightly different times than they do when viewed in flash.

- Image quality is reduced when using Zoom Regions. Everything looks crisp in flash.

- Shapes/text/images appear to be disappearing then reappearing on the screen, giving an unwanted flicker effect.

- Fly in animations are jagged. You will see an object beginning to fly in, then it will quickly skip to it's intended destination. This happens with fades as well. 

- Buttons are disappearing when users try to click them.

- When buttons do work, there seems to be a delay between the moment a user clicks and the moment the states and triggers respond.

- Delay 1-2 seconds between slides. 

I transferred to Storyline with the expectation of developing mobile eLearning. It's frustrating when the functionality is there and doesn't work properly. I could really bring down the functionality to make it look less buggy, but that defeats the purpose of eLearning development IMO. 

Does anyone have any best practices I could follow that speaks to what I am experiencing? I feel like I have done a decent job following this guide: http://www.articulate.com/support/kb_article.php?product=st1&id=1568gg1ayot2 

Thanks in advance,

Ian