CSS Sprites on WordPress using Avada

When you hover over the images below, you will notice there are six total images on this page. Using a CSS sprite, the browser will ask the web server to retrieve only one image (compared to six) to render this page. These days, reducing round-trip server calls is at a premium when it comes to visitor experience and search rankings.

You can trace the network waterfall on this page. Then, run a network trace on this page’s counterpart that doesn’t use a CSS sprite. Compare the two results. Visit the non-sprite page here.