网页美工设计
网页设计移动端H5前端性能优化方案
编辑：
时间：2017-07-11 20:07:54
1、HTML使用Viewport
Viewport可以加速页面的渲染，请使用以下代码：
2、减少Dom节点
Dom节点太多影响页面的渲染，应尽量减少Dom节点。
3、动画优化
（1）、尽量使用CSS3动画。
（2）、合理使用requestAnimationFrame动画代替setTimeout。
（3）、适当使用Canvas动画5个元素以内使用css动画，5个以上使用Canvas动画（iOS8可使用webGL）。
4、高频事件优化
Touchmove、Scroll事件可导致多次渲染。
（1）、使用requestAnimationFrame监听帧变化，使得在正确的时间进行渲染。
（2）、增加响应变化的时间间隔，减少重绘次数。
5、GPU加速
CSS中以下属性（CSS3transitions、CSS33Dtransforms、Opacity、Canvas、WebGL、Video）来触发GPU渲染，请合理使用。（PS：过渡使用会引发手机过耗电增加。）
| << 上一篇：h5移动端页面怎么根据设计稿布局 | >> 下一篇：网页设计师的灵感主要从哪里来 |
相关资讯
- 2017-07-11h5移动端页面怎么根据设计稿布局
- 2017-06-26怎么把网页设计的更有视觉效果
- 2017-06-22网页设计中的样式单位px、em、rem区别
- 2017-06-01室内设计师如何设计一个好的室内设计方案
- 2017-05-24室内设计平面布局方案和技巧
- 2017-05-24室内设计师如何写室内设计方案
- 2017-05-23室内设计师如何讲述设计方案
- 2017-05-09网页设计中图片有哪些常见的使用技巧
- 2017-05-04郑州哪里可以学网页设计培训班
- 2017-05-04自适应网页设计制作的方法和技巧
- 2017-04-10网页设计首页如何布局会有好的用户体验
- 2017-04-08室内设计中式白墙黑瓦设计方案
- 2017-04-06网页设计中怎么用ps切图
- 2017-04-06网页前端需要会些什么 学什么东西
- 2017-03-20web前端用到的专业技能有哪些
- 求学问答专业答复，快速响应
- 电话：0371-63218905
- 手机：13613841515
-
QQ：
更多
热门课程排行榜
