H5 webapp性能优化的几点建议

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • AJax 优化 缓存 Ajax 请求尽量使用GET, 仅取决于cookie数量 Cookie 优化 减少Cooki...
    KeKeMars阅读 13,075评论 5 89
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,680评论 1 92
  • 围绕前端的性能多如牛毛,涉及到方方面面,以我我们将围绕PC浏览器和移动端浏览器的优化策略进行罗列注意,是罗列不是展...
    流动码文阅读 3,919评论 0 0
  • 译者序:原文GPU Animation: Doing It Right,发表于2016年12月6日,本文是对该篇的...
    smilewalker阅读 5,556评论 0 8
  • 最近看到一篇关于GPU动画的神文,原文地址:https://www.smashingmagazine.com/20...
    purple_force阅读 8,817评论 1 6