Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

Accessibility lookups fetch the entire DOM tree once per selector

Aperta Adatta ai principianti
#262 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
2/5
Tempo stimato
1-3 ore
Idoneità per principianti
68/100
Tipo di issue
Bug
Chiarezza
Specificata chiaramente
Stato di attività
Ferma
Stack tecnologico
playwright, typescript

Direzione di ricerca

In src/deps/real.ts, esamina backendNodeIdForSelector e come ottiene la radice del documento. Confronta prima una richiesta con depth: 0 con la richiesta attuale con depth: -1, poi aggiungi il test in un browser reale descritto nell’issue per risolvere lo stesso insieme di selettori in entrambi i modi. Il lavoro è completato quando i valori di backendNodeId corrispondono e il costo della ricerca è misurato.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

area: engine enhancement performance

What

backendNodeIdForSelector in src/deps/real.ts sends DOM.getDocument with depth: -1, serializing the whole document over the DevTools protocol, and reads only root.nodeId from the result.

Evidence

Measured on a real product UI: 45 calls at 191 ms each, 8.6 seconds of a 55 second scan, 34 percent of the PatternFly rule phase. Every other DevTools call in the scan averaged 2 to 3 ms.

Direction

Request depth: 0 (root only) or cache the root node id per document. Same node, same querySelector, same backendNodeId, so the observation does not change. Prove identity with a real-browser test that resolves a selector set both ways and asserts equal backendNodeId values, then measure.

Lingua principale
TypeScript
Stelle
0
Fork
0
Merge medio
2h 48m
PR unite (30g)
8

Preparare l'ambiente

  • Nessun Dockerfile né file Docker Compose
  • Ha un modello di pull request
  • Nessuna guida per i contributori

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di usabl-dev/usabl

Tutte le issue di usabl-dev/usabl

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.