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

Rendering performance decreased

Aperta
#4,353 1 commento 2 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
3/5
Tempo stimato
1-2 giorni
Idoneità per principianti
45/100
Tipo di issue
Bug
Chiarezza
Abbastanza chiara
Stato di attività
Tranquilla
Stack tecnologico
javascript

Direzione di ricerca

Inizia riproducendo il rallentamento del rendering in Chrome con Framework7 v9.0.X e confrontalo con v8.3.X. Concentrati sul selettore di autocomplete .autocomplete-preloader-wrap:not(:has(.autocomplete-preloader-visible)) * e sul suo impatto sull’invalidazione o sul ricalcolo. Il lavoro è completo quando le prestazioni di rendering sono state ripristinate oppure l’issue documenta un modo verificato per disabilitare o evitare il selettore.

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

Descrizione

After updating f7 to v9.0.X there is huge performance decrease (tested in chrome) during rendering

=> In v9.0.X there was a new selector introduced for autocomplete

.autocomplete-preloader-wrap:not(:has(.autocomplete-preloader-visible)) *

This selector seems to be a Render-Performance-Killer ... (nearly 10x slower)
attached two screenshots of a very small examples,,, have a look at the invalidation count....
These lead to a heavy amount of recalculations...

Image Image

I've tested the performance with the same code and F7 v8.3.X and its fast as usual ...
when i remove the selector also the app is fast....

Any hints how to disable this selector?

Lingua principale
JavaScript
Stelle
18.8k
Fork
3.2k
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Guida per i contributori

Apri la 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 framework7io/framework7

Tutte le issue di framework7io/framework7

Issue simili

Altre issue su JavaScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.