爱创课堂每日一题第二十一天-移动端性能优化?
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了爱创课堂每日一题第二十一天-移动端性能优化?相关的知识,希望对你有一定的参考价值。
尽量使用css3动画,开启硬件加速。
适当使用
touch
事件代替click
事件。避免使用
css3
渐变阴影效果。可以用
transform: translateZ(0)
来开启硬件加速。不滥用Float。Float在渲染时计算量比较大,尽量减少使用
不滥用Web字体。Web字体需要下载,解析,重绘当前页面,尽量减少使用。
合理使用requestAnimationFrame动画代替setTimeout
CSS中的属性(CSS3 transitions、CSS3 3D transforms、Opacity、Canvas、WebGL、Video)会触发GPU渲染,请合理使用。过渡使用会引发手机过耗电增加
PC端的在移动端同样适用
以上是关于爱创课堂每日一题第二十一天-移动端性能优化?的主要内容,如果未能解决你的问题,请参考以下文章