vue项目首页加载缓慢

最新推荐文章于 2024-01-07 08:21:56 发布

zongfunday

最新推荐文章于 2024-01-07 08:21:56 发布

阅读量594

点赞数

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

本文链接：https://blog.csdn.net/u014788505/article/details/121747785

版权

vue 专栏收录该内容

30 篇文章 0 订阅

订阅专栏

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

摘要由CSDN通过智能技术生成

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 改成局部引入