Hi!
I have a page with 5 webparts. All the webparts read the information from SharePoint lists or external APIs.
One of this webparts has 9 react componentes that have other components. This webpart works well in Chrome, Edge and Firefox but in Internet Explorer 11 the performance is so poor.
If i delete this webpart from the page, the performace keeps poor.
The page load time is 10-14 seconds with 4 webparts and with the webpart that have other 9 react components with other components is more than 14 seconds.
In the next image you can see that 44% of the time is wasted in MutationObservers.
- ¿Is there any solution?
- ¿Is the tsconfig.json correct?
- ¿How can i reduce the MutationObservers?
tsconfig.json:
{
"extends": "./node_modules/@microsoft/rush-stack-compiler-2.9/includes/tsconfig-web.json",
"compilerOptions": {
"target": "es5",
"forceConsistentCasingInFileNames": true,
"module": "esnext",
"moduleResolution": "node",
"jsx": "react",
"declaration": true,
"sourceMap": true,
"experimentalDecorators": true,
"skipLibCheck": true,
"outDir": "lib",
"inlineSources": false,
"strictNullChecks": false,
"noUnusedLocals": false,
"typeRoots": [
"./node_modules/@types",
"./node_modules/@microsoft"
],
"types": [
"node",
"es6-promise",
"es6-collections",
"webpack-env"
],
"lib": [
"es5",
"dom",
"es2015.collection"
]
},
"include": [
"src/**/*.ts"
],
"exclude": [
"node_modules",
"lib"
]
}
Thanks