🥪 only update ranking table when visible

assets/js/navbar.js

@@ -263,6 +263,10 @@ const navbar = {
 	},
 
 	Clickable: class {
+		/**
+		 * Navbar Clickable
+		 * @param {HTMLElement} container
+		 */
 		constructor(container, { onlyActive = false } = {}) {
 			if (typeof container !== "object" || !container.appendChild)
 				throw { code: -1, description: `navbar.Clickable(): container is not a valid node` }
@@ -328,6 +332,13 @@ const navbar = {
 			});
 		}
 
+		/**
+		 * @returns {Boolean}
+		 */
+		get active() {
+			return this.container.classList.contains("active");
+		}
+
 		show() {
 			this.active = true;
 		}

static/js/core.js

@@ -396,7 +396,7 @@ const ttn = {
 			new Scrollable(this.container.parentElement, { content: this.container });
 
 			await this.updater();
-			this.update();
+			this.update(true);
 		},
 
 		beat({ color = "green", beat = true } = {}) {
@@ -426,6 +426,9 @@ const ttn = {
 		},
 
 		async update(hard = false) {
+			if (!hard && !ttn.navbar.switch.ranking.click.active)
+				return;
+
 			let response = await myajax({
 				url: "/api/problems/rank",
 				method: "GET",