对于无限长列表来说，性能优化主要方法是保持仅渲染可视化部分来看一下下面这个例子这是最常见的写法，不过如果列表的内容很多，你就会发现页面十分的卡顿此时大家可以利用 vuevirtualscroller 这个组件，进行优化这样。

ltkeepalive vue项目的优化还可以通过组件的按需加载来实现，就像图片的懒加载一样，如果客户根本就没有看到那些图片，而我们却在打开页面的时候全部给加载完了，这样会大大的增加请求的时间，降低用户的体验程度懒加载在很多的网站都有。

在vue项目中，在页面动态渲染时，页面渲染非常慢，有时需要十多秒才能渲染完成开始以为是 eltabs 造成页面卡顿，后来怀疑可能是vfor多层动态渲染的原因，最后定位到问题是页面中的有多个 elselect ，而每个 elselect。

单页应用会随着项目越大，导致首屏加载速度很慢以下给出在下知道的几种优化方案使用CDN资源，减小服务器带宽压力路由懒加载将一些静态js css放到其他地方如OSS，减小服务器压力按需加载三方资源，如iview，建议按需。

基于vuecli30构建项目，npm引入多个第三方包build之后，包体积太大导致首屏过长毫无体验感实践的项目喜欢捣鼓可以clone下来 项目地址 vuefiction 只总结了亲测效果明显的几种方案，解决方案大多来自于日常。