基础的Web技术优化

1. 开启gaip压缩

2. 浏览器缓存

3. CDN的使用

4. 使用Chrome Performance查找性能瓶颈

5. 如果面试官问你Webpack是如何把这些模块合并到一起，并且保证其正常工作的，你是否了解呢？

   首先我们应该简单了解一下webpack的整个打包流程：

   1、读取webpack的配置参数；2、启动webpack，创建Compiler对象并开始解析项目；3、从入口文件（entry）开始解析，并且找到其导入的依赖模块，递归遍历分析，形成依赖关系树；4、对不同文件类型的依赖模块文件使用对应的Loader进行编译，最终转为Javascript文件；5、整个过程中webpack会通过发布订阅模式，向外抛出一些hooks，而webpack的插件即可通过监听这些关键的事件节点，执行插件任务进而达到干预输出结果的目的。