7 min to share: Calendar Base im Einsatz auf einer Kongresswebseite (Hella Schuster)

Workshop: Frontend Rendering Optimierungen / Scriptmerger (Stefan Galinski)

Stefan stellt uns verschiedene Methoden vor, wie eine Seite performanter gemacht werden kann.

Erste Methode ist die Nutzung von Sprites. Dabei werden verschiedene Einzelgrafiken in eine große Grafikdatei zusammengefasst. Die Sprites werden normal über CSS eingebunden. Ein Tool zum erzeugen der Sprites findet Ihr auf dieser Seite: www.westhoffswelt.de/projects/web-sprite-generator.html

Im nächsten Schritt kann das Sprite PNG nochmals komprimiert den, z.B. mit PunyPNG

Mit CSS3 lassen sich zum Teil Grafiken komplett einsparen (Schatten, Verläufe) . Ein gute Tools findest Du auf dieser Seite: www.css3generator.com und www.colorzilla.com/gradient-editor/

nc_staticfilecache schreibt den TYPO3 Content auf die Festplatte.

Eine weitere Methode ist der Scriptmerger. Autor der Extension ist Stefan selbst. Die Installation ist sehr einfach (ExtMgr & importieren). Die Konfiguration erfolgt über TypoScript.

Hier sind alle Links, die Stefan angesprochen hat:

• developer.yahoo.com/performance/rules.html
• paulirish.com/2009/browser-specific-css-hacks/
• css3generator.com
• www.modernizr.com
• westhoffswelt.de/blog/0047_automatically_generate_sprites_with_the_web_sprite_generator.html
• punypng.com