1。从用户的角度来看，优化可以让页面加载速度更快，及时响应用户操作，提升用户体验。2、从服务商的角度来说，优化可以解决页面请求的数量或者减少请求带来的带宽。前端优化的方式有很多种，主要可以分为两类；首先是页面级优化：比如HTTP请求数、非阻塞脚本加载、内联脚本优化，其次是代码级优化：比如Javascript中的DOM操作优化、CSS选择器优化、图片优化、HTML结构优化等。另外，为了提高投入产出比，后面提到的各种优化策略大致按照投入产出比从大到小的顺序排列。一、页面级优化1、减少HTTP请求。记得在面试的时候，面试官问过这个问题，也回答过这个问题。我回答的时候说减少HTTP请求。回来就想着怎么减少HTTP请求。实施方法；首先我们要了解http请求的过程：请求是有代价的，既有时间成本也有资源成本，一个完整的请求是通过DNS寻址，连接服务器，发送请求，等待服务器响应到请求，接收数据，这是一个很长的过程，每次请求资源都要携带数据，所以每次请求都会占用带宽。<1>在前端浏览器中合理设置http缓存，在第一次请求时将自己需要的数据保存在js对象中，可以大大减少服务器访问，那么如何实现呢？首先我们创建一个cache.js，varclsCodes={"clsCodes":["BOOL","STATUS","USER_TYPE","REPORT_STATUS"]}vardist;//前端定义一个调用后端的函数接口获取Data，然后保存到本地函数getdists(){//$.post(url,data,callback,Type)$.post(getContextpath()+""/api/sys/getDictList",clsCodes,function(resultBean,stauts,xhrRequest){if(resultBean.data!=undefined){dist=resultBean.data;}},json);}二次代码层面优化***1.css局部优化***放样式sheetatthetop;避免使用css表达式；使用link代替@import；***2.js部分***将脚本放在页面底部使用外部JavaScript和CSS减少JavaScript和CSS去除重复脚本ReduceDOM访问开发智能事件处理器***图片部分***合并图片，使用csssprite
