Anasayfamda resimler olduğu için sitem yavaş açılmakta buda sitenin pagespeed değerlerini düşürmekte. Resimleri sprite yaparak bunu düzeletebileceğimi biliyorum. Fakat çok uğraşmama ragmen durumu çözemedim.


Resimleri Bu şekilde Bir araya getirdim.




Kodlarda Bunlar:

/* Generated by http://css.spritegen.com CSS Sprite Generator */
 
.arama-ust-yeni, .link, .sepet-ust, .addtocart, .view, 
.small, .small-bg, .home-icon, .home-iconh
{ display: inline-block; background: url('png.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }
 
.arama-ust-yeni { background-position: -1px -0px; width: 800px; height: 58px; }
.link { background-position: -1px -59px; width: 636px; height: 35px; }
.sepet-ust { background-position: -1px -95px; width: 263px; height: 71px; }
.addtocart { background-position: -638px -59px; width: 86px; height: 22px; }
.view { background-position: -725px -59px; width: 66px; height: 22px; }
.small { background-position: -638px -82px; width: 50px; height: 60px; }
.small-bg { background-position: -689px -82px; width: 50px; height: 60px; }
.home-icon { background-position: -740px -82px; width: 23px; height: 25px; }
.home-iconh { background-position: -764px -82px; width: 23px; height: 25px; }

Html Kodları:

<div class="arama-ust-yeni"></div>
<div class="link"></div>
<div class="sepet-ust"></div>
<div class="addtocart"></div>
<div class="view"></div>
<div class="small"></div>
<div class="small-bg"></div>
<div class="home-icon"></div>
<div class="home-iconh"></div>

Websitesi: Opencart kullanılan php site. Pm ile adresi yollayabilirim.

Bunları Tam olarak nereye ekleyeceğim.