前端 - 使用vue的框架，首次渲染非常慢，如何优化？
不使用nuxt等，vue首次渲染还可以怎么优化呢？
共有2个答案
先通过 DevTools 的 Lighthouse 分析一下。一般来说都是 JS 包太大了导致的。所以引入 webpack-bundle-analyzer 来分析以下构建完之后的包哪些部分占用的比较多。大多数情况都是 momentjs 这种类库重复引入了。提出来成为公共JS能减少很大空间。
VueCLI 构建的项目，直接在构建在构建命令后面增加 --report 即可，会在构建完成之后打开分页报告。
npm run build --report
要优化首先你得知道具体要哪里需要优化，所以你第一要做的是先做性能分析，看是哪里导致渲染慢，是某段JS逻辑执行耗时长阻塞了渲染还是JS资源太大导致加载耗时长等等
-
本文向大家介绍浅谈Vue服务端渲染框架Nuxt的那些事，包括了浅谈Vue服务端渲染框架Nuxt的那些事的使用技巧和注意事项，需要的朋友参考一下 Vue因其简单易懂的API、高效的数据绑定和灵活的组件系统，受到很多前端开发人员的青睐。国内很多公司都在使用vue进行项目开发，我们正在使用的简书，便是基于Vue来构建的。 我们知道，SPA前端渲染存在两大痛点：（1）SEO。搜索引擎爬虫难以抓取客户端渲染
-
使用Vitepress写产品手册，渲染比较慢（8分钟以上），有什么解决方法吗？ 因为手册功能比较多，有一千多个.md文件，未来可能还会修修补补继续增加一些。 最开始选择vitepress的时候，还有因为很多评论说Vitepress速度快。 现实咋不一样，是我用法问题？ 尝试过分成多个子项目，这样文件数就少了，但是这样管理比较麻烦。
-
1.项目是使用的若依的框架，vue2+elementui. 2.页面问题:在页面出示加载的时候，会有一个js特别慢，能有10M，加载8s，严重影响页面的体验. 在测试环境还行，但是升级到正式的环境之后就会出现这个问题。 排查之后发现js也是开启gzip的webpack配置 3.webpack的配置 1，删除一些预加载，放在了webpack中，但是不生效。 2，"report": "vue-cli-
-
AntvX6使用Vue渲染Label 使用html是可以渲染这个label
-
需要服务端渲染（SSR）吗？ 在开始服务端渲染前，我们先看看它能给我们带来什么，以及什么时候需要用它。 SEO（搜索引擎优化） 谷歌和Bing可以很好地索引同步的JavaScript应用。同步在这里是个关键词。如果应用启动时有一个加载动画，然后内容通过ajax获取，那爬虫不会等待他们加载完成。 这意味着在异步获取内容的页面上很需要进行搜索引擎优化的时候，服务端渲染就很重要。 客户端的网络比较慢 用