1.减少http请求，合理设置HTTP缓存每个http都需要开启一个单独的线程来处理。这些通信和服务开销是非常昂贵的，减少http请求的数量可以有效提高访问性能。减少http的主要手段是合并css，合并javascript，合并图片。将浏览器一次访问所需的javascript和CSS合并到一个文件中，使浏览器只需要一次请求。图片还可以合并，可以将多张图片合二为一。如果每张图片有不同的超链接，可以通过CSS偏移响应鼠标点击操作构造不同的URL。①简单的图片效果可以用html+css、canvas或svg代替。②合并CSS，合并javascript，合并图片（webPack等包管理工具）③图片格式，尺寸选择，图片优化2.应用浏览器缓存：①http缓存（文件级缓存）②cookie：存储在用户本地终端的数据（通常加密）有长度和数量限制，浏览器也可以通过document.cookie获取cookie，js浏览器也可以方便的读取/设置cookie的值。③localStorage：localStorage是html5新的本地缓存方案。目前使用较多。一般用于存放ajax返回的数据，加快下一页打开时的渲染速度。localstorage的大小是有限的，不适合存放太多的数据。如果数据存储超过最大限制，将报错并删除最先保存的数据。存储在localStorage中的数据不能跨浏览器共享。一个浏览器只能读取各自浏览器的数据。localStorage核心API：localStorage.setItem(key,value)//设置记录localStorage.getItem(key)//获取记录localStorage.removeItem(key)//删除域名下单条记录localStorage.clear()//删除域名下的所有记录注意：localStorage对象的属性值只能是字符串，json对象可以根据JSON当然Class，把对象转成字符串保存，再转json取出来的时候把字符串转化成真正可用的json对象格式。④sessionstorage：sessionStorage类似于localstorage，但浏览器关闭时会全部删除。api和localstorage一样，在实际项目中很少用到。⑤应用缓存应用缓存就是把大部分的图片资源、js、css等静态资源放在manifest文件配置中。页面打开时，读取本地文件或通过manifest文件请求服务器文件。3、启用压缩在服务器端压缩文件，在浏览器端解压文件，可以有效减少通信传输的数据量。如果可能，请尝试将外部脚本和样式合二为一。文本文件的压缩效率可达80%以上，因此对HTML、CSS、JavaScript文件启用GZip压缩可以获得更好的效果。但压缩对服务器和浏览器有一定的压力，在通信带宽较好但服务器资源不足时应考虑压缩。使用在线在线压缩工具（jQueryMiniUI）自行压缩或使用webpack、gulp等打包工具进行压缩处理。4.CSSSprites5,LazyLoadImages：对于图片，在页面刚加载时只能加载第一屏，后续图片会在用户继续向后滚动时加载。①jqueryLazyload方法②echo.js方法6.页面顶部放CSS，页面底部放javascript
