<\/g><\/svg>", "descriptions": { "unminified-css": "If your build system minifies CSS files automatically, ensure that you are deploying the production build of your application. You can check this with the React Developer Tools extension. [Learn more](https:\/\/reactjs.org\/docs\/optimizing-performance.html#use-the-production-build).", "unminified-javascript": "If your build system minifies JS files automatically, ensure that you are deploying the production build of your application. You can check this with the React Developer Tools extension. [Learn more](https:\/\/reactjs.org\/docs\/optimizing-performance.html#use-the-production-build).", "unused-javascript": "If you are not server-side rendering, [split your JavaScript bundles](https:\/\/web.dev\/code-splitting-suspense\/) with `React.lazy()`. Otherwise, code-split using a third-party library such as [loadable-components](https:\/\/www.smooth-code.com\/open-source\/loadable-components\/docs\/getting-started\/).", "server-response-time": "If you are server-side rendering any React components, consider using `renderToPipeableStream()` or `renderToStaticNodeStream()` to allow the client to receive and hydrate different parts of the markup instead of all at once. [Learn more](https:\/\/reactjs.org\/docs\/react-dom-server.html#renderToPipeableStream).", "redirects": "If you are using React Router, minimize usage of the `` component for [route navigations](https:\/\/reacttraining.com\/react-router\/web\/api\/Redirect).", "user-timings": "Use the React DevTools Profiler, which makes use of the Profiler API, to measure the rendering performance of your components. [Learn more.](https:\/\/reactjs.org\/blog\/2018\/09\/10\/introducing-the-react-profiler.html)", "dom-size": "Consider using a \"windowing\" library like `react-window` to minimize the number of DOM nodes created if you are rendering many repeated elements on the page. [Learn more](https:\/\/web.dev\/virtualize-long-lists-react-window\/). Also, minimize unnecessary re-renders using [`shouldComponentUpdate`](https:\/\/reactjs.org\/docs\/optimizing-performance.html#shouldcomponentupdate-in-action), [`PureComponent`](https:\/\/reactjs.org\/docs\/react-api.html#reactpurecomponent), or [`React.memo`](https:\/\/reactjs.org\/docs\/react-api.html#reactmemo) and [skip effects](https:\/\/reactjs.org\/docs\/hooks-effect.html#tip-optimizing-performance-by-skipping-effects) only until certain dependencies have changed if you are using the `Effect` hook to improve runtime performance." } }, { "id": "wordpress", "title": "WordPress", "iconDataURL": "data:image\/svg+xml,