Antal HTTP requests i CSS filer

Hej

Jeg sidder pt. og forsøger at danne mig et overblik over mine muligheder når vi snakker optimering af performance (load-tider) på en hjemmeside. En af de tydeligere måder at optimere på, er jo ved at formindske antallet af HTTP-requests, som udgagnspunkt.

Nu er mit spørgsmål så, om der bliver foretaget en request for hver gang jeg benytter mig af en url i en CSS-fil?

Las os sige jeg har en menu. Hver menuknap, bruger samme billede som baggrundsbillede, baggrund.png. Hver knap har af en eller anden sær årsag ikke samme klasse, men forskellige klasser som f.eks. class1, class2 osv.. Så vil mit CSS se således ud:

.class1 {
  background-image: url('baggrund.png');
}

.class2 {
  background-image: url('baggrund.png');
}

Vil browseren her, foretage en request for hver klasse, selvom de bruger samme billede? Hvis ja, er den så så smart, at den cacher billedet i css-filen første gang den finder den, så efterfølgende requests ikke tager så lang tid trods alt?

På forhånd tak.