手机端性能优化

(5)、前端开发性能优化(我的总结建议)：

1、单个文件大小不要超过14KB；插件不要超过25KB。

2、优先选择使用字体图标，非要用上图片的话，就使用CSS Sprite方法。同时，将整合到一张图片的图标集合和在网站或webapp不经常使用的图片进行压缩。

3、seo优化问题：咱们常写代码时会常常忽略这个标签会带上title,alt等这些能够填上关键词的地方，这个是必需要说明下，不过在手机端的话，这个好像还真用不上吧。

4、CSS，JS文件尽可能以合并的方式，少以分开来写样式。

5、利用CDN技术，减轻空间资源；对企业来说，这个风险有点大；但手机用户的网络差时会出现文件不能及时加载等问题。

6、图片多使用PNG8来达到优化效果。

7、少对图片进行硬性设置宽高。

8、减小页面请求：css,js,图片数量的多少会对请求有影响；同时要注意class类组合通常状况下不要超过4个，超过的尽可能以取个新的class类名来定义会好点。

9、减小DOM访问次数，加载数量多了就影响访问速度。

10、不要出现404页面，避免重定向。

11、减小cookies体积，设置合理的过时时间。

12、缓存ajax，用get方式提交；form以post方式提交。