A test with a simple HTML page over a DSL connection shows that one big stylesheet or css of 50 KB can speed up load time by factor 2 compared to five stylesheets that are 10 KB each in size:

• 5 Stylesheets (10KB each): 1100ms
• 1 Stylesheet (50KB): 500ms

So , How to make them one without breaking or editing them ? I am going to show you how to do this .

Let you have 5 Stylesheet or CSS :

1. style1.css
2. style2.css
3. style3.css
4. style4.css
5. style5.css

Normally they are like this in your page :

Assuming those css files are in “css” folder .

Now create a php file where index.php is , naming “css.php” and put below codes :

Save this file . And remove :

from your page and replace with :

And save that page . Now you can check by Google PageSpeed Insight .

• bundle css
• bundle css in wordpress to load faster
• combine css file to one
• combine css files to reduce request
• faster webpage by bundling css
• load webpages faster
• optimize webpage by combining css files