Webpack Performance Recommendations

[lukasbischof]

You can limit the size of your bundles by using import() or require.ensure to lazy load some parts of your application.
       For more info visit https://webpack.js.org/guides/code-splitting/
       Child mini-css-extract-plugin node_modules/css-loader/dist/cjs.js??ref--7-1!node_modules/postcss-loader/src/index.js??ref--7-2!node_modules/sass-loader/dist/cjs.js??ref--7-3!app/javascript/stylessheets/application.scss:
           Entrypoint mini-css-extract-plugin = *
           [0] ./node_modules/css-loader/dist/cjs.js??ref--7-1!./node_modules/postcss-loader/src??ref--7-2!./node_modules/sass-loader/dist/cjs.js??ref--7-3!./app/javascript/stylessheets/application.scss 1.72 MiB {0} [built]
               + 1 hidden module

Furthermore, entrypoint sizes are already high. Maybe we can split?

*WARNING* in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
       This can impact web performance.
       Assets: 
         media/generic/bg-2-606d9de8.jpg (264 KiB)
         media/illustrations/6-fc212950.png (315 KiB)
         media/illustrations/5-b20dc7ab.png (288 KiB)
         media/illustrations/4-784f01b2.png (355 KiB)
         css/application-9380e789.css (408 KiB)
         js/application-360de10a9d7ca7ad84bd.js (1.47 MiB)
         js/application-360de10a9d7ca7ad84bd.js.gz (530 KiB)
         js/application-360de10a9d7ca7ad84bd.js.map.gz (858 KiB)
         js/application-360de10a9d7ca7ad84bd.js.br (439 KiB)
         js/application-360de10a9d7ca7ad84bd.js.map.br (714 KiB)
*WARNING* in entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.
       Entrypoints:
         application (1.87 MiB)
             css/application-9380e789.css
             js/application-360de10a9d7ca7ad84bd.js