9-19 6,486 views
在移动网页开发中，经常会写到一些很占硬件资源的效果，会导致效果不流畅，可用手机依次浏览下面两个网页：
http://wx.karlew.com/speedup/no.html
http://wx.karlew.com/speedup/yes.html
第一个网页在安卓下浏览会很卡，第二个却很流畅，区别是在使用动画的元素加上了这个CSS:
- .wrap img{
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
加上这段css，即使没有进行3D转换，手机浏览器也会开启硬件加速。