sinat_34896766的博客

a、优化Loader--影响Loader打包速度的首要元素是Babel，Babel 会将代码转为字符串生成 AST，然后对 AST 继续进行转变最后再生成新的代码，项目越大，d、代码压缩--不止可以压缩 JS 代码，还可以压缩 HTML、CSS 代码，并且在压缩 JS 代码的过程中，我们还可以通过配置实现比如删除。这种方式可以极大的减少打包类库的次数，只有当类库更新版本才有需要重新打包，并且也实现了将公共代码抽离成单独文件的优化方案。起来，下次只需要编译更改过的代码文件即可，这样可以大幅度加快打包时间。

回流就是当渲染树中部分或者全部元素的尺寸、结构或者属性发生变化时，浏览器会重新渲染部分或者全部文档的过程。重绘就是当页面中某些元素的样式发生变化，但是不会影响其在文档流中的位置时，浏览器就会对元素进行重新绘制的过程。当触发回流时，一定会触发重绘，但是重绘不一定会引发回流。浏览器会将所有的回流、重绘的操作放在一个队列中，当队列中的操作到了一定的数量或者到了一定的时间间隔，浏览器就会对队列进行批处理。这样就会让多次的回流、重绘变成一次回流重绘。

防抖是指在事件被触发 n 秒后再执行回调，如果在这 n 秒内事件又被触发，则重新计时。这可以使用在一些点击请求的事件上，避免因为用户的多次点击向后端发送多次请求。节流是指规定一个单位时间，在这个单位时间内，只能有一次触发事件的回调函数执行，如果在同一个单位时间内某事件被触发多次，只有一次能生效。节流可以使用在 scroll 函数的事件监听上，通过事件节流来降低事件调用的频率。

c、小图使用bse64格式；a、用css代替图片；b、用CDN加载图片；e、选择正确的图片格式。d、使用css精灵图。

1、懒加载的概念 懒加载也叫延迟加载、按需加载，指的是在长网页中延迟加载图片数据，是一种较好的我那个也性能优化的方式。在较长的网页或应用中，如果图片很多，所有的图片都被加载出来，而用户只能看到可视窗口的那一部分图片数据，损耗了性能。 使用图片的懒加载就可以解决以上问题。在滚动屏幕之前，可视化区域外的图片不会进行加载，在滚动屏幕时才进行加载。这样使网页的加载速度更快，减少了服务器的负载。 懒加载适用于图片较多，页面列表较长的场景中。2、懒加载的特点

通过本地DNS对点击的url进行解析，发现该url对应的是一个CDN专用的DNS服务器，DNS系统就会将域名解析权交给CNAME（在域名解析中，实际上解析出来的指定域名对应的IP地址，或者该域名的一个别名，然后再根据这个别名查找对应的IP地址）指向的CDN专用的DNS服务器；CDN的全局负载均衡设备根据用户的IP地址，以及用户请求的内容url，选择一台用户所属区域的区域负载均衡设备，告诉用户向这台设备发起请求；性能方面，引入CDN的好处在于：用户收到的内容来自最近的数据中心，延迟更低，内容加载更快；