H5 webapp性能优化的几点建议

减少或避免reflow 和 repaint(也就是减少dom操作和页面的css渲染)
使用例如localstorage等特性将能缓存的东西缓存到本地
使用css3的transform代替原先的操作dom得动画效果

不要给非static元素增加css3的特性。有种说法就是给 absolute relative等元素增加css3时会比没有这些的元素消耗的小点。
适当的使用GPU加速,也就是将一些图片等使用svg 或者 canvas等来代替
给元素增加transform属性,可以调用浏览器的gpu,当然使用的时候是不做任何变化的

你可能感兴趣的:(H5 webapp性能优化的几点建议)