Merge Theme’s 3rd-Party Assets

The combine CSS and JS warning are typically seen when testing your site against services like Pingdom, GTmetrix or Google PageSpeed and this is a widespread concern for many WordPress website owners.

Combining vendor assets seeks to reduce the number of HTTP requests made by a browser during page refresh by replacing multiple distinct CSS and JS files with a single CSS/JS file, containing the contents of all of them.

This is particularly important in old browsers, that were limited to two connections per domain. In addition to reduced overhead for HTTP headers and communications warm-up, this approach works better with TCP/IP slow-start, increasing the effective payload bit-rate through the browser's network connection.

As an example, if your page loads 5 vendor CSS files and 5 vendor JavaScript files, combining your 3rd-party JavaScript and CSS into a single separate file each would result in 8 fewer requests in the end.

The good news is that the Conj - eCommerce WordPress Theme comes with a built-in option which enables you to simply concatenate theme’s vendor CSS and JS files to help speed up your website.

By default, Conj - eCommerce WordPress Theme won't combine (vendor) CSS and JS files and you may enable these features by following the steps below:

Combine Conj - eCommerce WordPress Theme’s 3rd-party assets

Merge Vendor StyleSheet

Enabling this option takes all 3rd party theme dependency stylesheets and concatenates them into a single CSS file.

  1. Login to the your WordPress Dashboard

  2. Click the Conj PowerPack menu.

  3. From the sidebar on the left, select the Optimization tab.

  4. Locate the Merge Vendor StyleSheet checkbox-field and tick the box to activate this feature.

  5. Click the Save Changes button.

Merge Vendor JavaScript

Enabling this option takes all 3rd party theme dependency scripts and concatenates them into a single JavaScript file.

  1. Login to the your WordPress Dashboard

  2. Click the Conj PowerPack menu.

  3. From the sidebar on the left, select the Optimization tab.

  4. Locate the Merge Vendor JavaScript checkbox-field and tick the box to activate this feature.

  5. Click the Save Changes button.