Ausgabe von Bildern als Base64

[bige]

Hallo,

ich arbeite gerade an der Performanceoptimierung unseres Shop www.bige.de.
Nach einigen Recherchen bin ich auf die PHP Funktion zur Umwandlung von Bildern in Base64 Code gefunden.
Bevor ich mir hier die Arbeit mache, hat schon einmal jemand versucht, die Bildausgabe im Shop, hier speziell die Startseite, als Base64 zu realisieren.
Bringt das was in Sachen Perfomance?
Gleichzeitig möchte ich dann den ganzen HTML Code minimiert ausgeben.
Hat hier jemand einen Ansatz für mich? Gibt es dazu eine Funktion in Smarty?
Das würde dann den größeren Quellcode durch Base64 zumindest teilweise ausgleichen.

Viele Grüße
Andi

Linkback: https://www.modified-shop.org/forum/index.php?topic=34850.0

[swolfram [templatix]]

Aber damit vergrößert man ja die CSS-Datei und würde doch somit wieder eine längere Ladezeit für diese Datei erzeugen. Das nachladen eines einzelnen Bildes erzeugt weniger Störung als wenn man auf das komplette CSS länger warten muss!?

Aber OK, spart auch wieder Requests ein....

Bei Deinem Shop würde ich es zunächst einfach mal für alle statischen Bilder anwenden. Also Zahlarten, Logos, Social Icons....

**** KORREKTUR ****
Statische Elemente scheinen ja bereits Base64 zu sein, hatte ich übersehen.

Ob es Sinn macht, die Artikelbilder dynamisch per PHP erst in Base64 zu wandeln um die dann anzeigen zu lassen, bezweifle ich. Da finde ich es sinnvoller in ein besseres Hosting zu investieren um schneller laden zu können.

[bige]

Hallo,

nicht als CSS eingebunden sondern als Ersatz für die produktbildern d.h. inline.
Würde in dem Fall den Quellcode HTML vergrößern.
Im Shop habe ich schon das Logo oben, die Zahlicons etc. als Base64 eingebunden.

Viele Grüße
Andi

[noRiddle (revilonetz)]

...
Gleichzeitig möchte ich dann den ganzen HTML Code minimiert ausgeben.
...

Schau dir dazu das an.
Wenn du in allen Template-HTML-Dateien den Inhalt mit den im Link beschriebenen tags umgibst, hast du was du möchtest.

Gruß,
noRiddle

[hpzeller]

[...]
Gleichzeitig möchte ich dann den ganzen HTML Code minimiert ausgeben.
Hat hier jemand einen Ansatz für mich? Gibt es dazu eine Funktion in Smarty?
[...]

Zu diesem Thema gibt es hier einen Thread -> erzeugten HTML-Code minimieren

PS:
Matt,s Antwort #4 bringt bezüglich Minimierung am meisten, da er den gesamten HTML-Code minimiert, aber auch er ist letzten Endes der Meinung

Außer nem Fleißsternchen bringt es im Pagespeed exakt nichts

Gruss
Hanspeter