首屏加载优化

首屏加载优化

1. preload（提高优先级，优先加载本页资源）、prefetch（降低优先级，提前加载可能用到的资源）

2. 利用LocalStorage缓存资源

3. 图片资源压缩，icon资源使用雪碧图

对于vue项目：

4. 分离打包，对于第三方js库的打包优化。

• 生产环境是内网的话，把资源放内网，通过静态文件引入，如果有外网的话，通过CDN方式引入，不用占用访问外网的带宽，可以节省流量，通过CDN加速。

• 利用webpack的externals设置外部拓展，使代码编译成通过require运行时加载资源，防止将一些import的第三方资源打包到bundle中。再通过CDN去引入这些资源，可以直接通过全局变量访问，省去import引入和Vue.use注册。

module.exports = {
   
  ...
  externals: {