效能最佳化:速度提升 86%
透過智慧 API 快取、自動調整幾何品質,以及直接操作 THREE.js 物件,我們達成了驚人的成果:
- 初始化速度提升 86%(1118ms → 160ms)
- 節點互動速度提升 80-94%(15-80ms → 1-20ms)
- 記憶體用量減少 99%(每次點擊 13MB → 200KB)
現代化介面與視覺功能
全面重新設計介面,採用可收合的側邊欄與模組化 CSS 架構,並針對行動裝置進行最佳化。新增令人驚豔的照片節點視覺化功能,直接在 3D 圖譜中呈現 Notion 封面圖片,並加入滑鼠懸停時的吸引效果,以及遍及整個介面的流暢動畫。
進階導覽
新增完整的鍵盤控制(WASD 移動、方向鍵導覽)、依資料庫分組的搜尋結果、附有歷史紀錄的連結面板,以及類似遊戲的鏡頭控制,供偏好僅用鍵盤導覽的進階使用者使用。
成果數據
- 已合併 30+ 次提交,新增 ~2,000 行最佳化程式碼
- 載入速度提升 86%,流暢繪製 1,653 個節點與 5,919 條連結
下一步
我們很快就要推出測試版了!效能最佳化已完成,目前正專注於使用者管理(註冊、儀表板、OAuth)與基礎架構。測試版將於 2025 年 12 月開放測試,供首批 50 位使用者參與。