Hey, I came across your post on reducing CSS/JS bundle size using Gulp by removing unused resources in the Metronic theme — really helpful! I’m currently working on optimizing my own site, on Crunchyroll Premium APK Crunchyroll Premium APK, and was wondering:
Can I apply these same Gulp configuration techniques to reduce the bundle size on my site, even if I’m not using Metronic specifically? Would love to hear your thoughts on this.

To reduce the CSS/JS bundle size in Metronic by removing unused resources using Gulp, follow these steps:snow day predictor
1. Open gulp.config.js
Locate and open the Gulp configuration file in your project:
Random Address Generator
theme/tools/gulp.config.js
2. Modify gulp.config.js
Find the base.global.src section in gulp.config.js. It contains:

mandatory: Core resources required for Metronic to function properly.
optional: Additional plugins and libraries that can be removed if not needed.
Example of base.global.src
js
Animal Sounds
base: {
global: {
src: {
mandatory: [
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"node_modules/bootstrap/dist/js/bootstrap.bundle.min.js",
"node_modules/jquery/dist/jquery.min.js"
],
optional: [
"node_modules/select2/dist/css/select2.min.css",
"node_modules/select2/dist/js/select2.full.min.js",
"node_modules/datatables.net-bs5/css/dataTables.bootstrap5.min.css",
"node_modules/datatables.net-bs5/js/dataTables.bootstrap5.min.js"
]
}
}
}
3. Remove Unused Resources
Under the optional node, remove plugins that your project does not need.
For example, if your project does not use DataTables or Select2, remove:

Animal Generator
"node_modules/select2/dist/css/select2.min.css",
"node_modules/select2/dist/js/select2.full.min.js",
"node_modules/datatables.net-bs5/css/dataTables.bootstrap5.min.css",
"node_modules/datatables.net-bs5/js/dataTables.bootstrap5.min.js"
4. Recompile the Assets

After modifying gulp.config.js, recompile your assets using Gulp:

Unblocked Games
cd theme/tools
gulp
or for production mode (minifies files):
Block Blast
gulp --prod
5. Verify the Output
After running Gulp, check the compiled CSS and JS files inside:

theme/assets/css
theme/assets/js
Compare the file sizes before and after the changes to ensure that unused resources have been removed.

Conclusion
By removing unused plugins from optional and recompiling, you can significantly reduce CSS/JS bundle sizes in Metronic, improving performance and load times. 🚀

Dino Game Thanks for your shareing

The services offered from Jodhpur call girls service are so appealing that you'll be somewhat insane when you learn about the services. These services were created by the escorts themselves the manner that they provide only pleasure and have no negative results. What you can't get from normal escorts. From a security perspective there is no need to take any action since all necessary actions are performed by the ladies themselves.

We are very aware of what you require as a visitor. We do our best to provide you with your dream girls. We have stunning Udaipur call girls that will act as your companions while you are in Udaipur. We guarantee that you will experience the most romantic every day in love with us and with our incredible service.

Nainital is the entry point to India. Every new service, culture and product enters India via it. This is the best spot to test new products and services to see if it is a good fit of it within India. Additionally, this most prestigious city in India offers a wide range of innovative products and provides many new services and activities that span the world.
Nainital call girls

Now, I am one of the most sought-after Dehradun call girls. I would like to end my career on my own and take off into the clouds to reach my ultimate goal. I am five feet six" inches high (in my naked feet) with the physical measurements of 36DD/28/38.

If you're looking for a top-notch creative play app, toca boca mod apk (unlocked all) 2024 is a must-try. It provides fantastic features that elevate your gaming experience.

"For anyone looking to create professional-quality videos, inshot pro APK is the perfect tool. Download the latest version and unlock all the advanced features for free!"

"Discover the world of free music streaming with blackholesapk! Visit our website for a fast and secure download. Enjoy ad-free music in high-quality audio, with offline capabilities. The Blackhole APK is the perfect choice for music lovers who want it all for free!"

Workforce management software streamlines scheduling, attendance, and productivity for businesses. Workforce management solutions enhance efficiency in various sectors, ensuring optimal resource allocation. Contact center workforce management and call center workforce management software specifically cater to the unique demands of customer service environments, optimizing agent performance and customer satisfaction.

To reduce the size of Metronic's compiled CSS/JS files, open `theme/tools/gulp.config.js`, and in the `base->global->src` configuration, remove unnecessary resources under the `optional` node (based on project requirements). Then, run the `gulp` command to recompile the assets, generating smaller files.Block Blast

Hi Sean, thanks for this guide! Can I apply these steps to optimize the CSS/JS bundle size for my photo editing website? Are there any specific tips for such platforms?
here is my website: meituapksite.com

In angular how can I reduce that CSS/JS Bundle?

What about the ones located in buld->plugins->custom like draggable, prismjs, datatables, leaflet, etc? Can they be removed too?

FYI, in v8.2.2, optional is located under:
build->plugins->global->src->optional

Hi,

bundle.css & bundle.js files remain the same size even if i deleted optional nodes.

Shouldn't these files be reduced in size?