前端优化技巧

(一)减少http请求次数或者减少请求内容的大小

每发送一次http请求，都需要完成请求+响应这个完整的http事务，会消耗一些时间；也可能导致http链接通道的阻塞。为了提高页面加载速到和运行的性能，我们应该减少请求次数和请求内容大小

1.css-sprit(雪碧图) /css图片精灵，把一些小图标，合并到一张大图上，通过背景图片定位，定位到具体的小图。

2.css或者js文件进行合并压缩，减小文件大小（服务器端开启资源文件的GZIP压缩）

3.前后端数据传输时候，采用json格式

4.采用图片懒加载技术
在页面开始加载时候，不请求真实UTP地址，而是用默认占位，当页面加载完成后，再根据条件依次加载真实图片（减少页面首次加载http请求次数）
数据懒加载：
开始加载页面时候，只把首屏或者前两屏的数据从服务器端进行请求

（二）编写代码时候技巧

1.js代码中，尽量减少对dom的操作（会导致页面重绘和回流）
dom存在映射机制（js中dom元素对象和页面中dom结构是存在映射机制 的，一改则都改）。页面中dom结构改变或者样式改变，会触发浏览器的回流（浏览器会把dom结构重新进行计算）和重绘（把一个元素的样式重新渲染）
2.代码压缩去掉多余的注释空格，目的是减小文件大小

cakes
1.gpu 图形处理器，可以使显卡减少对cpu的依赖，并分担一些原本cpu的工作（像 3d图形处理方面）