Push the limits of your Adobe Commerce store with MagePal Extension

Take your Adobe Commerce store to new heights with the power of MagePal extensions. Our expertly crafted code and rigorous testing ensure seamless integration with Adobe Commerce, giving you the freedom to focus on growing your business, not debugging. Upgrade your store's potential with MagePal.

How to Enable Merge CSS, JavaScript in Magento 2

Why merge CSS and JavaScript in Magento 2

Merging all individual CSS and JavaScript files into one single condensed file will helps optimize your site by reduce the number of requests to your server and improve your page loading time.

How to merge CSS and JavaScript in Magento 2

• In Admin panel, click Stores -> Configuration.
• Select Developer -> Advanced
• Open CSS Settings section, and update the setting as shown in the image above
• Then save config.

In Magento 2.2.x and 2.3.x

bin/magento config:set dev/css/merge_css_files 1
bin/magento cache:clean

In Magento 2.0.x and 2.1.x

UPDATE core_config_data SET value = 1 WHERE path = 'dev/css/merge_css_files';

Using n98-magerun2 for Magento 2.1.x, 2.2.x and 2.3.x

n98-magerun2.phar config:store:set dev/css/merge_css_files 1
n98-magerun2.phar cache:clean

Environment configuration

...
'js' => [
   'merge_files' => '1',
   'minify_files' => '1',
],
'css' => [
    'minify_files' => '1',
    'merge_css_files' => '1',
],
...

Learn More About MagePal Extension

Is your Magento store ready for the future? Say hello to the new Google Analytics 4, which is built from the ground up with all-new features and advanced machine learning technology.

GA4 Extension

Related

• How to enable error reporting in Magento 2
• Top Magento Hosting Solutions
• How to Enable or Disable Magento 2 Maintenance Mode
• Top Interview Questions 2023 for Magento 2
• Free vs Paid Magento Extensions: Which Ones Are Worth Investing In?
• A Beginner's Guide to Installing and Configuring Magento Extensions
• Maximizing Your Magento Store's Potential: The Best Extensions from MagePal
• How to troubleshoot common Magento and Adobe Commerce errors
• A Step-by-Step Guide to Reindex Data in Magento 2
• The Top Magento Payment Gateways for Your Adobe Commerce Store
• The Top Shipping Providers for Magento and Adobe Commerce
• Understanding the Difference Between Plugins and Preferences in Magento 2
• Understanding Magento 2 Plugins - A Comprehensive Guide