Rancher Dashboard 面向海量资源管理的产品优化

作者：刘研，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 Dashbo