CSS: meerdere php background's => meerdere keren laden?
Voor enkele div's in mijn website gebruik ik een sprite.
Deze wordt eerst gegenereerd in php.
Nu heb ik drie stukjes code:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
#footer-bg{
background: url('test.php?image') 0px -186px repeat-x;
}
#footer{
background-image: url('test.php?image');
background-position: 0px -15px;
}
#footer #logo{
background-image: url('test.php?image');
background-position: 0px -825px;
}
background: url('test.php?image') 0px -186px repeat-x;
}
#footer{
background-image: url('test.php?image');
background-position: 0px -15px;
}
#footer #logo{
background-image: url('test.php?image');
background-position: 0px -825px;
}
Nu roep ik dus drie keer het plaatje van test.php?image op, betekent het ook dat hij deze drie keer apart moet laden?
Of denkt hij 'Ik heb hem net al geladen, dus kan ik het zelfde plaatje gebruiken'?
Je kan het zelf nagaan. Test bv. eens met chome developer tools; tab "Network". Herlaad de pagina. Dan zie je elk contact dat wordt gemaakt met servers (css, js, images, ...).
Is het speciaal je bedoeling dat er drie keer echt naar die url wordt gesurft? Of juist niet?
Het is met google chrome gelukt.
Het was de bedoeling dat hij maar 1 keer laad, en dat doet hij ook.