diff --git a/apps/web/src/oj/problem/list.vue b/apps/web/src/oj/problem/list.vue
index 6194d5c..32516b2 100644
--- a/apps/web/src/oj/problem/list.vue
+++ b/apps/web/src/oj/problem/list.vue
@@ -3,6 +3,8 @@ import { Icon } from "@iconify/vue"
 import { NFlex, NTag } from "naive-ui"
 import { useRouteQuery } from "@vueuse/router"
 import { getProblemList } from "oj/api"
+import { STORAGE_KEY } from "utils/constants"
+import storage from "utils/storage"
 import { getTagColor } from "utils/functions"
 import type { ProblemFiltered, Tag as ContractTag } from "utils/types"
 import { getProblemTagList } from "shared/api"
@@ -129,12 +131,19 @@ watch(
   },
 )
 
+// 这里只补「用登录框登进来」那一下：那时页面不刷新，列表还是匿名时拉的。
+//
+// 进站时的那次 listProblems 不需要它跟着再来一遍 —— 请求带 cookie（axios 开了
+// withCredentials），后端 optionalAuth 认的也是 cookie，所以首屏那一份里状态列
+// 本来就是全的。基线取 storage 里的登录态，它和 cookie 同生共死，正好用来区分
+// 「profile 回来了，还是原来那个人」和「刚登进来 / 刚退出去」。
+let authedAtLoad: boolean = storage.get(STORAGE_KEY.AUTHED) ?? false
 watch(
-  () => userStore.isFinished && userStore.isAuthed,
-  (isAuthenticatedAndFinished) => {
-    if (isAuthenticatedAndFinished) {
-      listProblems()
-    }
+  () => [userStore.isFinished, userStore.isAuthed],
+  ([isFinished, isAuthed]) => {
+    if (!isFinished || isAuthed === authedAtLoad) return
+    authedAtLoad = isAuthed
+    listProblems()
   },
 )
 
diff --git a/apps/web/src/shared/components/CollabHost.vue b/apps/web/src/shared/components/CollabHost.vue
index fc00137..f5ce1b8 100644
--- a/apps/web/src/shared/components/CollabHost.vue
+++ b/apps/web/src/shared/components/CollabHost.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import type { CollabRequestItem } from "shared/composables/websocket"
 import { useCollabStore } from "shared/store/collab"
-import CollabModal from "./CollabModal.vue"
 import HelpRequestList from "./HelpRequestList.vue"
 
 /**
@@ -15,6 +14,19 @@ import HelpRequestList from "./HelpRequestList.vue"
  *
  * 位置要求：n-message-provider 的后代（useMessage 需要）。
  */
+/**
+ * 协作弹框异步加载。
+ *
+ * 这个组件静态 import 进来的话，整套 CodeMirror（view / state / language /
+ * autocomplete / lang-*）就跟着 App.vue 进了入口 chunk —— 首屏白白多下 640 KB
+ * （gzip 后 210 KB），而下面那个 v-if 决定了学生根本不渲染它。机房那批
+ * Chrome 91 的老机器解析这些字节是实打实的开销。
+ *
+ * 拆成异步之后首页的 JS 从 1.9 MB 降到 1.3 MB（gzip 642 KB → 428 KB），
+ * 老师那边只是在第一次接单时多一次 chunk 请求。
+ */
+const CollabModal = defineAsyncComponent(() => import("./CollabModal.vue"))
+
 const collabStore = useCollabStore()
 const message = useMessage()