CSS Sprites oder data-URIs aus Artikelbildern

Hallo!

Ich bin gerade am schauen, wie man so einen Shop etwas schneller machen kann. Als nächstes erscheint mit vielversprechend, die Artikelbilder, die auf der Kategorie-Seite sind, als Sprites anzulegen. Dazu müsste man dem View beibringen das Sprite für die Seite zu erstellen.

Alternativ böten sich natürlich auch data-URIs an.

Die generierte Seite würde ich im Webserver cachen und per gzip ausliefern.

Hat sowas von euch schon mal jemand gemacht? Was gibt es zu bedenken?

Grüße, Matthias

Wow! Ich merke: Alle sind total begeistert ob dieser Idee!

Mit data-URIs ist es aber einfach: Ich habe oxproducts erweitert um

    public function getIconDataUri($iIndex = 0)
    {
        $sUrl = $this->getIconUrl( $iIndex );
        $oConfig = $this->getConfig();
        $sDirPrefix = $oConfig->getOutDir();
        $sUrlPrefix = $oConfig->getOutUrl( null, false, $oConfig->getConfigParam( 'blNativeImages' ) );
        $sFile = str_replace($sUrlPrefix, $sDirPrefix, $sUrl);
        if(file_exists($sFile) AND filesize($sFile)<10240){
            return "data:image/jpeg;base64,".base64_encode(implode("",file($sFile)));
        }else{
            return $sUrl;
        } 
    }

…und greife dann im Template darauf zu. Die Größengrenze von 10KB ist beliebig, sollte aber nicht über 32KB sein, weil der IE damit Probleme hat.

Gibt es jemand, der mir sagen kann, ob ich $oConfig->getOutUrl() richtig “bediene”?

Grüße, Matthias