Bei der Umsetzung eines neuen Magento Shops wird meistens das Default-Theme, oder das Modern-Theme verwendet. Aufgrund der soliden Gestaltung, und des relativ hochwertigen Quelltextes sind die Beiden Themes hervorragend geeignet, um ein neues Layout umzusetzen. Allerdings nimmt man die Lasten (große Dateien, unnötige Bilder) in Kauf, die bei einem Standard-Layout zu finden sind. Ich habe mir die Anzahl der verwendeten Dateien mal angesehen.
Bei hochfrequentierten Shops ist jedes kb zuviel und könnte optimiert werden. Sofern man weiss, dass man den Shop z.B. mit Fernsehwerbung bewerben wird ist eine umfangreiche Optimierung absolut zu empfehlen. Setzt man das Layout also von Grund auf neu um, dürften insbesondere Stylesheets und Bilder geringere Größen aufweisen. Auch wenn man das Plugin Fooman Speedster, oder die Techniken dahinter einsetzt werden unnötiger Code und Bilder mitgeladen.
Um die nachfolgende Aufstellung nachvollziehbar aufzuziehen, habe ich mit dem Magento-Demo-Store getestet. Dieser ist im Default- und Modern-Theme abrufbar.
Default-Theme
Das Default-Theme lädt auf der Startseite insgesamt 96 Dateien. Insgesamt bringen es diese auf eine Größe von 353,9kb. Dies ist eine stolze Größe, aber nicht unbedingt ein schlechter Wert.
Der Quellcode selbst macht dabei 24kb aus. Dazu kommen 75,3kb CSS und 254,7kb an Bildern. Die verwendeten Javascripts habe ich nicht berücksichtigt. Das CSS spaltet sich in 5 Dateien, was sich aber nur bedingt auf die Ladezeit auswirkt. Bei den Bildern handelt es sich um 89 Bilder. Darunter sind 6 Produktbilder, und drei Banner. Der Rest sind Hintergründe, Icons und natürlich das Logo.
Abzüglich der 6 Produktbilder bleiben 83 Bilder die bereits auf der Startseite geladen werden müssen. Auch das CSS ist eher strukturiert aufgebaut, enthält aber viele Bereiche, die im Shop ggf. nicht zur Anwendung kommen.
Modern-Theme
Das Modern-Theme sieht schon wieder etwas besser aus. Insgesamt werden 42 Dateien geladen. Zusammengefasst bringen es diese auf 276,4kb. Das sind etwa 80kb weniger als beim Default-Theme.
Der Quellcode selbst macht dabei 13,6kb aus. Die 5 CSS-Dateien bringen es gemeinsam auf 65,3kb. Die Bilddateien sind gemeinsam 197,6kb groß und teilen sich in 35 Einzelbilder auf.
Abzüglich der 3 Startseiten-Bilder bleiben 32 Bilder. Draus kann man ableiten, dass das Modern-Theme trotz weniger Bilddateien eigentlich mehr Last mit sich trägt, als das Default-Theme.
Auch wenn die Aufstellung nun doch sehr grob ist, und die Startseiten jeweils nur bedingt aussagekräftig sind, kann man festellen, dass beide Themes Last mit sich tragen. Diese könnte vermieden werden. Stichworte sind dabei CSS-Sprites, limitierte HTTP-Requests, CDN und Bildoptimierung. Einen guten Artikel, der auch in diese Richtung geht ist in der T3N, Nr. 18, Seite 83 zu finden.
Ein von Grund auf neu erstelltes Theme kann die Basis für fortlaufende Projekte sein. Neben dem positiven Effekt der Lastreduzierung kennt man sich hervorragend im eigenen Code aus. Auf der anderen Seite muss man darauf hinweisen, dass das Nachladen nicht vorhandener Template-Dateien aus dem Default-Theme nur erschwert möglich ist.
