title: How to combine images using CSS sprites
body: <p>After Testing my wordpress website speed using GTmetrix, I got the following recommendations over YSlow: 
  <a href="https://i.stack.imgur.com/f5ZMG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/f5ZMG.png" alt="enter image description here"></a></p>
  
  <p>*Combine images using CSS sprites
  The following images served from wamakity.com should be combined into as few images as possible using CSS sprites.
  <a href="https://i.stack.imgur.com/7sLKJ.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7sLKJ.jpg" alt="enter image description here"></a></p>
  
  <p>*Add Expires headers
  There are 9 static components without a far-future expiration date.
  <a href="https://i.stack.imgur.com/Ce1YD.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Ce1YD.jpg" alt="enter image description here"></a></p>
  
  <p>*Make fewer HTTP requests
  This page has 16 external Javascript scripts. Try combining them into one.</p>
  
  <p>This page has 14 external stylesheets. Try combining them into one.</p>
  
  <p>This page has 15 external background images. Try combining them with CSS sprites.</p>
  
  <p>Can anybody help? I'm new to wordpress and I can't seem to find any other way to solve this problem except from here. 
  Thanks!</p>