Vue 项目的懒加载、预加载与骨架屏设计。

懒加载用于延迟加载非关键资源以提升首屏速度 预加载用于提前加载后面可能需要的资源 骨架屏则是在内容加载完成前提供布局占位以优化感知体验

懒加载： 比如首屏加载时，某些资源如图片，字体，样式等，还不需要加载， 比如调整热门页，畅销页等 打包时会跟着被首屏入口文件一起打包，使得打包体积增大。 而懒加载就是处理这一类事情。 会将每个需要懒加载的部分独立抽成一个chuck代码块，在被出发需要加载时，浏览器在按需加载， 预加载: 可以提前加载一些资源， Prefetch 和 Preload 后者优先级更高，需要优先加载的资源可以用Preload， 前者，优先级低， 为后续页面可能想要用到的资源进行预加载。 主要作用就是： 用户下一步可能会去点击某类页面的情况，这时候因为我们懒加载资源，所以会有白屏加载的时机，为了用户更好的体验，我们可以提前在该页面上（触发频率高）实现预加载，当用户点击时，能更快响应用户需求 骨架屏设计： 消除白屏加载时间的等待，提前布局占位，同样是提升用户体验的操作。