在Web应用程序中，系统的瓶颈常在于系统的响应速度。如果系统响应速度过慢，用户就会出现埋怨情绪，系统的价值也因此会大打折扣。因此，提高系统响应速度，是非常重要的。 懒加载(Load On Demand)是一种独特而又强大的数据获取方法,它能够在用户滚动页面的时候自动获取更多的数据,而新得到的数据不会影响原有数据的显示,同时最大程度上减少服务器端的资源耗用。 也叫延迟加载，即在需要的时候进行加载，随用随载。 为什么需要懒加载？ 像vue这种单页面应用，如果没有应用懒加载，运用webpack打包后的

vue项目打包上线后，首次打开会发现加载很慢，出现白屏的问题， 一、问题原因 打开控制台查看文件加载情况，会发现app.js/vendor.js这两个文件加载时间较长 二、解决办法 1、图片压缩 使用webpack打包文件时，可以看到图片资源显示过大，使用工具进行压缩 2、去掉.map文件 webpack打包文件时，会看到有一些.map文件生成 修改： 找到config文件夹下的index.js文件，build里边的productionSourceMap值改为false即可 3、CDN外

vue项目打包上线后，首次打开会发现加载很慢，出现白屏的问题， 一、问题原因 打开控制台查看文件加载情况，会发现app.js/vendor.js这两个文件加载时间较长 二、解决办法 1、图片压缩 使用webpack打包文件时，可以看到图片资源显示过大，使用工具进行压缩 2、去掉.map文件 webpack打包文件时，会看到有一些.map文件生成 修改： 找到config文件夹下的index.js文件，build里边的productionSourceMap值改为false即可 3、CDN外