How to optimize CSS delivery

Question

I have optimized the css code below. But it still gives a message to optimize css delivery.

http://fonts.googleapis.com/css?family=Droid+Sans%7CUbuntu+Condensed&ver=3.6 http://www.sampleurl.com/wp-content/themes/radius/style.css http://www.sampleurl.com/wp-content/plugins/contact-form-manager/css/xyz_cfm_shortcode_style.css http://www.sampleurl.com/wp-content/plugins/wp-tooltip/js/tipTip.css http://www.sampleurl.com/wp-content/plugins/wp-tooltip/wp-tooltip.css http://www.sampleurl.com/wp-content/plugins/bft-pro/css/main.css http://www.sampleurl.com/wp-includes/js/thickbox/thickbox.css http://www.sampleurl.com/wp-content/plugins/weptile-image-slider-widget/css/weptile-image-slider-widget.css http://www.sampleurl.com/wp-content/plugins/weptile-image-slider-widget/nivo-slider/nivo-slider.css http://www.sampleurl.com/wp-content/plugins/wp-socializer/public/css/wp-socializer-buttons-css.css http://www.sampleurl.com/wp-content/themes/radius/lib/css/960.css 

Answer 1

This is because you are requesting 10 files.

Combining these files into one will give you a higher score with the PageSpeed ​​and Y! Slow.

Combining your CSS files reduces the number of HTTP requests made by the browser. This is especially important in older browsers that were limited to two connections per domain.

This practice aims to reduce the number of round-trip calls.

Some useful resources

• Minimize Round Trip Time - PageSpeed
• Collapse HTTP Requests - Y! Slow

Answer 2

Do not use Google Page Insights as your only test, sometimes it’s very strange, even those things that its own Google Page Speed ​​module lacks.

I like gtmetrix as a more honest and thorough test.

According to them, you scored 92% on "Minify CSS" and 97% on all other CSS checks. Learn more about 15 ways to reduce WordPress website load time.