CSS

All CSS files can be downloaded in a single browser request:

Example in PHP

<?php
header('Content-type: text/css; charset=UTF-8');

ob_start("compress");

function compress($buffer) {

  /* remove comentários */
  $buffer = preg_replace('!/\*[^*]*\*+([^/][^*]*\*+)*/!', '', $buffer);

  /* remove tabulaçõess, espaços, quebras de linhas */
  $buffer = str_replace(array("\r\n", "\r", "\n", "\t", '  ', '    ', '    '), '', $buffer);

  return $buffer;
}

$cssFiles = realpath(dirname(__FILE__)).'/*.css';

foreach(glob($cssFiles) as $file) {
  include($file);
}

ob_end_flush();
?>

With the example above, you can have a PHP file inside your folder where you have the various CSS and instead of calling all the .CSS on the site, you call only the PHP file:

<link type="text/css" media="screen" rel="stylesheet" href="http://meusite.com/css/css.php">

  

For your particular case, you spend 4 requests for 1 only.

JS

The example given for CSS can also be applied to script files:

Example in PHP

<?php
header('Content-Type: text/javascript; charset=UTF-8');

ob_start();

$files = realpath(dirname(__FILE__)).'/*.js';

foreach(glob($files) as $file) {
  include($file);
}

ob_end_flush();
?>

With the example above, you can have a PHP file inside your folder where you have the various scripts and instead of calling all .JS on the site, you call only the PHP file: / p>    

<script src="http://meusite.com/js/js.php"type="text/javascript">

  

For your particular case, you spend 4 requests for 1 only.

Images

You have a lot of images to display on the same page, but that does not mean they have to be separate files.

Using CSS sprites, you can have an image composed of several small images that are later positioned in the appropriate place through CSS.

As an example, this part of your header:

Itcouldbeasinglefile:

One of many websites that generates this kind of images so you do not have to do much.

  

For your particular case, you spend 8 requests for 1 only.

CDNs

You can use CDNs to increase the number of concurrent requests ( requests ) that browsers do because the lower limit that is affecting your page is the limit imposed on the number of files downloaded simultaneously by each address.

Sample Bootstrap Twitter CDN you are using:

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">

With this address, the base CSS for Twitter Bootstrap can be downloaded simultaneously with other files on the server where your web site is located, thus speeding up the entire page loading process.