共计 1357 个字符，预计需要花费 4 分钟才能阅读完成。
作者：刘研，SUSE UI 工程师
介绍
Rancher Dashboard UI，又名 Cluster Explorer，是应用 Vue.js 和 NuxtJS 构建的 Rancher API 的”无状态”客户端。它通常被构建和打包为动态 HTML/CSS/JS 文件，这些文件捆绑到 Rancher 发行版中。
登录用户能够治理所有被受权拜访的 k8s 集群资源，并能够对大部分类型资源以表单的形式进行编辑，而不是编辑 YAML。
概述
Rancher Dashboard UI 团队非常重视前端用户的应用体验，每次发版都会让 Rancher Dashboard UI 的性能进一步优化，让 Rancher Dashboard UI 操作更加晦涩，资源显示更加疾速，资源占用进一步缩小。
随着集群规模一直变大，资源数量越来越多，局部用户开始发现 Rancher Dashboard UI 页面显示速度变得迟缓，长时间停留在 loading 页面，针对这个问题 Rancher Dashboard UI 从 v2.6.7 版本开始将这部分优化设置裸露进去，给用户更多的自主权。 本文将介绍两种改善页面显示速度、进步 UI 响应性能的设置。
一、增量加载
Rancher Dashboard UI v2.6.7 版本开始反对启用或禁用增量加载数据性能，并可设置对应的阈值，如果资源数量超出阈值，则进行增量加载数据。预计在 v2.6.9 版本中将默认启用该性能。
启用资源增量加载后：
- 大数据量下，进入相干资源页面不必再期待所有数据都返回后再显示页面，即用户不必再长时间面对 loading 页面了，能够更快地进入页面看到数据。
- 增量加载数据，进度可视化。能够看到以后加载进度 (每个版本升级都可能对加载进度 UI 进行改善，留神关注)。
- 增量加载资源阈值可配。用户能够依据理论状况，比方网络速度、资源总量等状况，设置资源在大于多少数量时，启用增量加载。
- 启用增量加载后，前端会分页加载资源，防止一次申请加载过多资源，让前端用户长时间期待，同时防止减少后端服务的内存压力和网络压力，两全其美。
具体设置菜单为：Global Settings -> Performance，Enable incremental loading 选项，启用并依据理论状况设置阈值。
手动刷新数据列表
Rancher Dashboard UI 从 v2.6.7 版本开始反对启用或禁用手动刷新列表数据，如果资源数量超出阈值，UI 不会自动更新列表数据。
启用手动刷新列表数据后：
- 列表数据不会自动更新，用户须手动刷新列表视图。
- 因为 UI 不会 watch 某些类型资源的变更，并缩小了服务端 watch 资源数量和推送相干类型资源的变更，从而升高了服务器端网络和内存的压力。
- 因为 UI 不会收到相干类型资源频繁的变更推送，不会更新缓存，列表数据不会自动更新，这就使 UI 操作变得更加晦涩。
这个性能还有很大的改善空间，将来会继续改良这个性能。
具体设置菜单为：Global Settings -> Performance Enable manual refresh of data for lists 选项启用，并依据理论状况设置阈值。
目前反对增量加载数据和手动刷新列表数据性能的资源类型包含：POD，STATEFUL_SET，DAEMON_SET，CRON_JOB，JOB，SECRET，DEPLOYMENT 等，后续的版本将会反对更多类型资源，敬请关注。
