Reduce http Requests

Have you enabled Minify? When done right you should be able to condense all of your included files into a single .js and .css file. You can then further enhance speeds by putting the minified .js file into your footer (or defer’ing or async’ing).

1. Performance > Settings > Minify … Enable = <checkmark>
2. Save All Settings.

There is a chance though that under automatic mode that not all of your js/css files will be merged. If that is the case then you may have to use the “Manual” mode and then try the Wizard. Most people don’t have to use Manual.

Kimberly

Hi, Kimberly!

Yes, both css and js minification settings are enabled. Also, the inline settings for both are ticked and @ import handling is processed. Thanks for your reply.

Does this mean you are still having problems with http requests?

I just realized i did not ask specifically what type of files are resulting in the excessive http requests. I had assumed you were referring to js/css. Are they other media file types? What are they?

w3tc can only minify css and js files.

If its many tiny images used for decoration around the page you might consider css sprites to reduce requests.

Hello fantasy_5

If you are in Chrome, then open developer tools and check network tab, there you can see total number of http requests and all requests individually. That will also show if any http requests are sent from any scripts.

https://take.ms/haxAe

Have a good day!

Cheers
Ash

Hi, Kimberly!

Yes, I am having issues with http requests because there are so many. I would like to reduce them and have read several articles about combining the js and external stylesheets into one file, but still not 100% clear on how to do it without ruining my site or causing it to malfunction. My current speed score is 96 and y slow is 71. Site loads in well under 5 seconds and I’m not using a cdn. I’m also not really sure how to create a css sprite never done one before. I have heard of spriteme, but are you familiar with any tutorials I can watch that will assist me step by step for sprites and minimizing http requests?

fantasy_5, here are some tutorials on css sprites:

https://www.youtube.com/watch?v=3k1I4KJKdK4
https://www.youtube.com/watch?v=zfKI2ltz7K0
https://www.youtube.com/watch?v=d-O5rYbJjr4
https://www.youtube.com/watch?v=WRZEwMo2W80

Please note that, you can use image sprite for the images used in css only. Using sprit in html is tricky and still not all major browser supported: https://css-tricks.com/spriting-img/