Application scenario: Dynamically created Web components are used to prevent white screen during loading, typically in multi-page applications. For example, if three pages need to be switched back and forth and each page is a Web component, the Web component is initialized each time the page is switched, which consumes a large number of resources. If the loading is slow, a white screen is displayed, which deteriorates user experience. By dynamically creating Web components, you can effectively reduce resource consumption, speed up loading, avoid white screen, and improve user experience.
Performance: Dynamic loading is performed in non-UI threads. If the number of dynamic loading instances is large, the existing WebView loading is affected. It is recommended that the number of Web instances started in the background be less than or equal to 200.
Reference