移动端性能陷阱

我们以前说把script标签放到body后面，等页面结构加载完毕后再执行js操作，这主要是pc时代的性能优化之一；

而移动端性能优化有：

1.尽量减少或避免repaint和reflow，通俗的来讲就是减少多dom元素的操作；

2.尽量缓存可以缓存的数据，pc时代我们最常说的就是http缓存，在pc端浏览器response Headers 里面cache-Control:max-length=31216541(时间戳);而现在h5时代，我们用的最多的就是sessionStory了，它有两个api，一个是setItem，一个是getItem，而这个缓存只能缓存字符串，所有我们可以给api的第二个参数序列化JSON.stringfy（），然后取出来的时候反序列化就可以JSON.parse();

3.使用CSS3的transform来改变dom的操作，因为css3的tranform是浏览器底层引擎提供的，对dom的节点的操作会更高效，而不是暴露一个api接口给我们，这样会更友好一些。

4.还可以适当使用硬件性能，给需要的dom元素添加transform3d（0,0,0）css3d的属性。系统会自动开启硬件的GPU；