功能建议：多项性能优化方案

Abierto
  • ¿Algo no está bien?
#756 2 comentarios 4 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 1 día

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
5/5
Tiempo estimado
Más de una semana
Aptitud para principiantes
25/100
Tipo de issue
Nueva funcionalidad
Claridad
Bastante claro
Estado de actividad
Tranquilo
Stack tecnológico
javascript
Área
tooling

Línea de trabajo

The issue describes five optimizations but names no source files or tests. Start by locating CONFIG, buildPageConfig(), fetchTransResult(), the TreeWalker scan, regex matching, and OBSERVER_CONFIG in the userscript; check how each currently works before evaluating the proposed changes. Done means the five optimizations are implemented and verified, including the stated fallback and cache clearing behavior.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

优化 1：页面组回退机制

可能在多个页面类型（repository/actions、repository/tree、repository）中出现，目前需要在各 pageType 的 static 下分别添加，维护成本高。

实现：在 CONFIG 中增加 pageGroupFallback 配置，指定 pageType 之间的回退链。buildPageConfig() 合并静态词典时按 public → 回退页 → 当前页 优先级合并。已在本地实现并验证。

优化 2：翻译缓存

每次文本翻译都要遍历正则规则列表，同一文本在页面重复出现（如按钮标签）会重复遍历。

实现：在 fetchTransResult() 中增加 Map 缓存，首次匹配后缓存结果，后续相同文本直接 O(1) 返回。翻页时清空缓存。

优化 3：TreeWalker 改为 querySelectorAll 定向扫描

当前使用 createTreeWalker 遍历整个 DOM 树，大量无翻译价值的节点也被遍历。

参考 benchmark：

实现：改为 rootNode.querySelectorAll() 只选择翻译目标标签（a、span、button、label、h1~h6、li、td、th、div、p 等），利用浏览器原生 CSS 选择引擎。极端情况回退 TreeWalker。

优化 4：正则循环加速——触发词过滤 + 首字母分组

当前正则循环线性遍历全部规则（部分页面 150+ 条），每条文本都从头试到尾。不匹配任何正则的文本（如文件名、hash）也需完整遍历。

实现：从每条正则中提取触发词（Deploy、Build 等），构建 triggerWords Set，文本不含任何触发词时直接跳过正循环；将正则按触发词首字母分组（D → [Deploy..., Docker...]），文本以某字母开头只查对应组。

优化 5：移除 characterData 减少无效触发

当前 OBSERVER_CONFIG 启用 characterData: true，翻译文本后设置 node.data 会再次触发 MutationObserver，导致已翻译节点被二次处理。

实现：移除 characterData，仅监听 childList + attributes。新增内容通过 childList 自然被捕获。

Lenguaje dominante
JavaScript
Estrellas
35.1k
Forks
2k
Merge medio
2 d 1 h
PR fusionados (30 d)
9

Preparar el entorno

Este proyecto no incluye contenedor de desarrollo, Dockerfile ni guía de contribución, así que la configuración corre por tu cuenta: empieza por su README y consulta nuestra guía para la primera contribución para los pasos generales.

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de maboloshi/github-chinese

Todos los issues de maboloshi/github-chinese

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.