vue项目首页加载缓慢

zongfunday

于 2021-12-06 15:17:49 发布

阅读量647

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue.js javascript

本文链接：https://blog.youkuaiyun.com/u014788505/article/details/121747785

vue 专栏收录该内容

30 篇文章

订阅专栏

本文分享了如何通过压缩大图至10秒、移除preload和prefetch插件，将网络资源加载时间从12秒缩短到8.3秒，提升网页性能。还讨论了线上和本地打包策略，包括代码分割(splitcode)和CDN引入局部JS。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.看network资源加载时间 整整12s

2.发现有个图片20m过大 进行压缩了 到了10s

3.路由懒加载 到了8.3s

4.移除 preload 插件和 prefetch 插件
chainWebpack: config => {
    // 移除 preload 插件
    config.plugins.delete('preload') 
    // 移除 prefetch 插件
    config.plugins.delete('prefetch') 

5.本地已经很慢了 线上也会很慢 打包进行分割splitcode

6.使用cdn引入全局js 改成局部引入