手机端性能优化

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

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

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

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

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

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

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

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

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

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

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

十一、减少cookies体积，设置合理的过期时间。

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