首页 > 试题广场 >

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

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