前端开发性能优化

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

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

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

四、CSS，JS以模块化形式来做项目，CSS:我们可以用@import url('form.css')这样的形式来操作，把多个不同的css来分开写，然后逐个引入；问题是：@import是页面先加载完html再加载css，所以这个你得考量，这个文件是在什么情况下才使用好;JavaScript：我们可以使用sea.js或require.js来操作，网上有相关的指导教程，你可以百度或谷歌一下。

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

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

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

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

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

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

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

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