title: combine multiple CSS or JS files in OpenCart
body: <p>I want to Increase Page Speed in <strong>OpenCart</strong>. So, I want to combine multiple CSS or JS files in One file. but, JS &amp; css files is added dynamic according to module enabled. </p>
  
  <p>So, How can I make combine multiple CSS or JS files?</p>
  
  <p><strong>From This</strong></p>
  
  <pre><code>&lt;script src="catalog/view/javascript/jquery/jquery-2.1.1.min.js"&gt;&lt;/script&gt;
  &lt;script src="catalog/view/javascript/bootstrap/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script src="catalog/view/javascript/common.js"&gt;&lt;/script&gt;
  &lt;script src="catalog/view/javascript/jquery/flexslider/jquery.flexslider-min.js"&gt;&lt;/script&gt;
  
  &lt;link href="catalog/view/javascript/bootstrap/css/bootstrap.min.css" rel="stylesheet" /&gt;
  &lt;link href="catalog/view/javascript/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" /&gt;
  &lt;link href="catalog/view/theme/default/stylesheet/stylesheet.css" rel="stylesheet"&gt;
  &lt;link href="catalog/view/javascript/jquery/flexslider/flexslider.css" type="text/css" rel="stylesheet" /&gt;
  </code></pre>
  
  <p><strong>To This</strong></p>
  
  <pre><code>&lt;script src="catalog/view/javascript/vwc43ljnyxgu4y/combined.js"&gt;&lt;/script&gt;
  &lt;link href="catalog/view/theme/default/2hs3dfonugkz/combined.css" rel="stylesheet"&gt;
  </code></pre>