dsh-perf-boost 0.2.2 → 0.2.3

package/CHANGELOG.md

@@ -4,6 +4,9 @@
 
 ## 更新详情
 
+### 0.2.3
+
+- 新增了「后台回收内存」的开关：窗口隐藏超过 45 秒后摘掉视频源释放缓冲、清空资源计时、停掉观察器；设置页有「立即回收」按钮，也显示当前 JS 堆占用的功能
 ### 0.2.2
 
 - 优化了长对话省渲染的实现，改成一处分样式接管子项，新消息进来自动生效的效果

package/README.md

@@ -9,6 +9,10 @@ Client-side rendering optimizations for DSH Desktop.
 
 ## 更新详情
 
+### 0.2.3
+
+- 新增了「后台回收内存」：窗口隐藏超过 45 秒后摘掉视频源释放缓冲、清空资源计时、停掉观察器；设置页可「立即回收」，并显示当前 JS 堆占用。
+
 ### 0.2.2
 
 - 优化了长对话省渲染的实现，改成一处分样式接管子项，新消息进来自动生效的效果

package/lib/client.js

@@ -28,9 +28,16 @@ window.__ModuleLoader__.load({
     var STYLE_ID = 'dpb-style';
     var CV_CLASS = 'dpb-cv'; // 挂在滚动列表容器上，子项的 content-visibility 交给 CSS
     var CV_VAR = '--dpb-cis';
-    var VERSION = '0.2.2';
+    var VERSION = '0.2.3';
     // 更新公告：只用「新增了…的功能 / 修复了…的问题 / 优化了…的效果」三种句式。
     var RELEASE_NOTES = [
+      {
+        version: '0.2.3',
+        items: [
+          '新增了后台回收内存的开关，窗口隐藏一会儿就把视频缓冲和资源记录放掉的功能',
+          '新增了设置页里显示当前 JS 堆占用的效果',
+        ],
+      },
       {
         version: '0.2.2',
         items: [
@@ -75,6 +82,7 @@ window.__ModuleLoader__.load({
       hiddenTimers: true,
       mediaPause: true,
       listGate: true,
+      bgTrim: true,
       // 默认关：会改观感或动画
       noBlur: false,
       reduceMotion: false,
@@ -258,6 +266,7 @@ window.__ModuleLoader__.load({
       timerMs: 0, timerRuns: 0, timerSkipped: 0,
       setMs: 0, setRuns: 0, setMerged: 0,
       lazyItems: 0, mediaPaused: 0, mediaLazy: 0,
+      trimRuns: 0, trimMedia: 0,
     };
     function metPer(x, n) { return n > 0 ? x / n : 0; }
     // rAF 那部分不算「省下」：页面隐藏时压住回调只是推迟，回到前台会一次性补跑，
@@ -1020,6 +1029,7 @@ window.__ModuleLoader__.load({
             MET.rafSkipped, MET.timerSkipped,
             g ? g.published : 0, g ? g.coalesced : 0,
             MET.lazyItems, MET.mediaLazy, MET.mediaPaused,
+            MET.trimRuns, heapMb(),
           ].join('|');
         };
         var tick = function () {
@@ -1087,6 +1097,13 @@ window.__ModuleLoader__.load({
                 warmupCall(v).then(function (real) { if (real !== null) setWarmupOn(real); });
               },
             })),
+          React.createElement(Row, { label: '后台回收内存', hint: '窗口隐藏超过 45 秒后放掉视频缓冲、清空资源计时，观察器也停掉。可能会导致回到前台时视频要重新缓冲一下。默认开。' + lastTrimText() },
+            React.createElement('div', { style: { display: 'flex', gap: 8, alignItems: 'center', flex: '0 0 auto' } },
+              React.createElement('button', {
+                type: 'button', className: 'dpb-btn',
+                onClick: function () { try { if (typeof window.__dpbTrim === 'function') window.__dpbTrim(); } catch (e) { void e; } bump(function (n) { return n + 1; }); },
+              }, '立即回收'),
+              React.createElement(Sw, { label: '后台回收内存', value: !!cfg.bgTrim, onChange: function (v) { setCfg({ bgTrim: v }); } }))),
           React.createElement(Row, { label: '关闭背景模糊', hint: '浮层从磨砂变纯色底，能看出来。默认关。' },
             React.createElement(Sw, { label: '关闭背景模糊', value: !!cfg.noBlur, onChange: function (v) { setCfg({ noBlur: v }); } })),
           React.createElement(Row, { label: '减少动画', hint: '关掉 CSS 动画和过渡，弹窗不再逐帧动。默认关。' },
@@ -1098,6 +1115,7 @@ window.__ModuleLoader__.load({
         React.createElement('div', { className: 'dpb-card' },
           React.createElement('div', { className: 'dpb-stat' },
             React.createElement('span', null, '版本 ', React.createElement('b', null, update.installed ? 'v' + update.installed : 'v' + VERSION)),
+            React.createElement('span', null, '堆 ', React.createElement('b', null, heapMb() === null ? '—' : heapMb() + ' MB')),
             React.createElement('span', null, '最新 ', React.createElement('b', null,
               update.state === 'checking' ? '检查中…'
                 : update.available ? 'v' + update.latest
@@ -1122,6 +1140,7 @@ window.__ModuleLoader__.load({
       else installRafThrottle();
       installTimerPause();
       applyStyle();
+      onVisibilityForTrim();
       // 首屏别抢：等空闲再扫，扫描期间若在流式输出会往后推。
       idleRun(function () {
         try { applyLazyList(); } catch (e) { void e; }
@@ -1143,6 +1162,118 @@ window.__ModuleLoader__.load({
       else root.classList.remove('dpb-quiet');
     }
 
+    // ————————————————— 后台回收内存 —————————————————
+    // 隐藏超过 45 秒才动手：切走一下去看文件不动它，免得回来视频要重新缓冲。
+    // 长期最小化时，把能放的全放掉：视频缓冲、资源计时、观察器、记录表。
+    var BG_TRIM_AFTER_MS = 45000;
+    var bgTrimTimer = 0;
+
+    function heapMb() {
+      var m = null;
+      try { m = performance.memory; } catch (e) { m = null; }
+      if (!m || !m.usedJSHeapSize) return null;
+      return Math.round(m.usedJSHeapSize / 1048576);
+    }
+
+    function trimMedia() {
+      var n = 0;
+      var vids = document.querySelectorAll('video');
+      for (var k = 0; k < vids.length; k++) {
+        var v = vids[k];
+        try {
+          // 后台正在出声的不碰：用户可能在听。
+          if (!v.paused && !v.muted && v.volume > 0) continue;
+          if (v.getAttribute('data-dpb-src') !== null) continue;
+          var src = v.getAttribute('src') || '';
+          var kids = v.querySelectorAll('source');
+          var sources = [];
+          for (var j = 0; j < kids.length; j += 1) {
+            sources.push({ src: kids[j].getAttribute('src') || '', type: kids[j].getAttribute('type') || '' });
+          }
+          v.setAttribute('data-dpb-src', src);
+          v.setAttribute('data-dpb-pre', v.getAttribute('preload') || '');
+          if (sources.length) v.setAttribute('data-dpb-sources', JSON.stringify(sources));
+          v.setAttribute('preload', 'none');
+          // 只把 src 摘掉再 load()，浏览器才真正丢弃已缓冲的媒体数据；
+          // 留着 src 只是标记「别预载」，缓冲还在内存里（实测 buffered 不归零）。
+          if (src || sources.length) {
+            v.removeAttribute('src');
+            for (var m = kids.length - 1; m >= 0; m -= 1) kids[m].remove();
+            v.load();
+          }
+          n += 1;
+        } catch (e) { void e; }
+      }
+      return n;
+    }
+
+    function lastTrimText() {
+      var t = window.__dpbLastTrim;
+      if (!t) return '';
+      var mins = Math.max(1, Math.round((Date.now() - t.at) / 60000));
+      return ' 上次回收：' + mins + ' 分钟前，放掉 ' + t.freed + ' 个视频缓冲。';
+    }
+
+    function trimMemory(why) {
+      if (!cfg.bgTrim) return;
+      var freed = 0;
+      try { if (performance.clearResourceTimings) performance.clearResourceTimings(); } catch (e) { void e; }
+      try { freed = trimMedia(); } catch (e) { void e; }
+      try { if (mediaObserver) mediaObserver.disconnect(); } catch (e) { void e; }
+      try { if (timerRecs.length > 200) timerRecs.splice(0, timerRecs.length - 200); } catch (e) { void e; }
+      try { if (typeof window.gc === 'function') window.gc(); } catch (e) { void e; }
+      MET.trimRuns += 1;
+      MET.trimMedia += freed;
+      try { window.__dpbLastTrim = { at: Date.now(), why: why, freed: freed, heap: heapMb() }; } catch (e) { void e; }
+    }
+
+    // 设置页的「立即回收」与自检脚本都走这里。
+    try { window.__dpbTrim = function () { trimMemory('manual'); return window.__dpbLastTrim || null; }; } catch (e) { void e; }
+
+    function restoreMediaPreload() {
+      var list = document.querySelectorAll('[data-dpb-src]');
+      for (var i = 0; i < list.length; i++) {
+        try {
+          var v = list[i];
+          var src = v.getAttribute('data-dpb-src') || '';
+          var pre = v.getAttribute('data-dpb-pre') || '';
+          var srcs = null;
+          try { srcs = JSON.parse(v.getAttribute('data-dpb-sources') || 'null'); } catch (e) { srcs = null; }
+          if (src) v.setAttribute('src', src);
+          if (srcs && srcs.length) {
+            for (var j = 0; j < srcs.length; j += 1) {
+              var el = document.createElement('source');
+              if (srcs[j].src) el.setAttribute('src', srcs[j].src);
+              if (srcs[j].type) el.setAttribute('type', srcs[j].type);
+              v.appendChild(el);
+            }
+          }
+          if (pre) v.setAttribute('preload', pre); else v.removeAttribute('preload');
+          v.removeAttribute('data-dpb-src');
+          v.removeAttribute('data-dpb-pre');
+          v.removeAttribute('data-dpb-sources');
+          // 把源接回去后重新 load 一次，浏览器才会重新按需取流。
+          if (src || (srcs && srcs.length)) v.load();
+        } catch (e) { void e; }
+      }
+    }
+
+    function onVisibilityForTrim() {
+      if (bgTrimTimer) { window.clearTimeout(bgTrimTimer); bgTrimTimer = 0; }
+      if (document.hidden) {
+        if (!cfg.bgTrim) return;
+        bgTrimTimer = window.setTimeout(function () {
+          bgTrimTimer = 0;
+          if (document.hidden) trimMemory('hidden');
+        }, BG_TRIM_AFTER_MS);
+      } else {
+        try { restoreMediaPreload(); } catch (e) { void e; }
+        idleRun(function () {
+          try { applyViewportMedia(); } catch (e) { void e; }
+        }, 300);
+      }
+    }
+
     function mount() {
       applyAll();
       // 采样快照自己走：不依赖设置页开着，否则百分比只在打开设置后才更新。
@@ -1153,6 +1284,7 @@ window.__ModuleLoader__.load({
       }
       document.addEventListener('visibilitychange', flushTimers);
       document.addEventListener('visibilitychange', applyHiddenClass);
+      document.addEventListener('visibilitychange', onVisibilityForTrim);
       applyHiddenClass();
       watchBusy();
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-perf-boost",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "DSH 桌面端性能优化（纯客户端）：长对话省渲染、窗口隐藏不排帧默认开，关背景模糊/减少动画/空闲降帧按需打开，设置页显示实测省下的主线程时间。Client-side rendering optimizations for DeepSeek Harness Desktop.",
   "type": "module",
   "main": "lib/index.js",