Tengo una extensión básica que contiene 3 campos de entrada. Cuando escribo en la entrada más inferior (la tercera), su texto de contenido se actualiza muy lento (después de unos segundos/después de que me concentro fuera de la entrada).
Quería medir el rendimiento de la extensión para comprender la causa raíz del problema con las herramientas de desarrollo de Chrome, así que hice clic en Inspect Popup , abrí la pestaña Performance e hice clic en start profiling (el botón del círculo gris en la parte superior izquierda). Entonces sucedió la magia -> ¡siempre que se grabara la sesión, todas las entradas comenzaron a funcionar súper rápido! cuando detuve la creación de perfiles, la entrada problemática comenzó a reaccionar lentamente nuevamente.
¿Por qué cuando registro y perfilo la extensión funciona más rápido? ¿Hay alguna configuración que cambie usando el tiempo de perfilado?
####popup.html#### <!DOCTYPE html> <html><head> <meta charset="utf-8" /> </head> <body> <div id="app"></div> <input> <input> <input> </body> </html>
manifest.json { "name": "NAME", "version": "0.0.0", "manifest_version": 2, "key": ..., "content_security_policy": "script-src 'self' https://unpkg.com; object-src 'self'", "icons": { "128": "images/icon-128.png" }, "background": { "page": "background.html" }, "browser_action": { "default_icon": "images/icon-128.png", "default_title": "Title", "default_popup": "popup.html" } }
background.html <!DOCTYPE html> <html> <head> <!-- <script type="module" src="background.bundle.js"></script> --> </head> <body></body> </html>
tiene algunos archivos conf adicionales del paquete web, pero no creo que sean relevantes. El resto del código está comentado mientras intento comprender el comportamiento de la entrada.
siempre que se muestre esta pantalla, las entradas funcionaron rápido
