In the lighthouse test, plugins.bundle.js took more time to load. so it's causing the performance of the site.
Anyway to import/use this effectively?!
Thank you for your feedback.
Metronic by default includes all available plugins for demo purposes. You can remove unused plugins and recompile the bundle assets via gulp or webpack to optimize the bundle size.
We use the bundle method for the best performance and quicker page loading its better to include all core plugins at once within a single bundle rather than loading each plugin separately within different HTTP requests. The bundle file is loaded once and all subsequences loads are taken from the user browser cache.
Also, you can enable server-side gzip for your page assets which will increase the page loading speed dramatically.
To reduce the bundle size and remove unused plugins please refer to this post.
You can check our devs site's Google Page Test Score that's built with Metronic. The score is quite high as can be seen in the reports.
Thank you for your reply.
In the Lighthouse coverage tab, I noticed that 74.2% of the code in Plugins.bundle.js is not being utilized on my layout page. Could you please suggest a way to remove the unused code from it?
Please note that
Plugins.bundle.js contains all core plugins that may be used in your current or other pages as well. This script is loaded once and other subsequent loads are taken from the browser cache so for end users loading time overall will be quite fast.
If you need to remove unused plugins from the bundle follow the below steps:
theme/tools/gulp.config.jsand refer to
base->global->srcconfig node. The
mandatorycontains the core resource that is required for Metronic's base functionality while the
optionalnode lists the optional resource that can be excluded according to a project's requirements.
optionalnode remove any resource by referring to a plugins documentation