Schepp und Peter holten sich Verstärkung bei Sebastian Golasch und beackerten mit ihm zwei Themen aus dem Bereich der Frontend-Performance. Dazu kommt die übliche Ladung Links.
Schaunotizen
- [00:00:17] CSS-Performance
- Angestachelt von der Frage how much CSS should you have mäandern wir quer durch den Problemkomplex CSS-Performance. Peter und Sebastian grillten Performance-Papst Schepp unter anderem mit Fragen zum Einfluss vom Browsercache (groß) und Selektorperformance (vernachlässigbar) und erfahren, ob Sprites oder das Inlining von Bildern besser sind (Inlining gewinnt). Wir befinden die CSS Profiler von Dragonfly und Chrome für gut, CSS Lint ob zu strenger Regeln für weniger gut. Das DOM zu entrümpeln erscheint da schon sinnvoller. Schepp lobt das DOM Monster und verwendet Web Storage als Cache, Peter will durch CSS-Pseudoelemente sein DOM verschlanken.
- [00:24:41] Web Workers
- Eine Einführung zum Thema Web Workers scollte an uns vorbei und verleitete zu der Frage, wozu man sowas denn brauchen könnte. HTML5-Erklärbär Peter nennt als Use Case unter anderem JavaScript-Gesichtserkennung und erläutert die Vorzüge des structured clone algorithm. Darauf fallen uns einige weitere Anwendungsmöglichkeiten ein, die nur durch mangelnde Browserunterstützung eingeschränkt werden.
[00:49:14] Keine Schaunotizen
- Writing Testable Frontend Javascript
- Das Wissen, das andere in einem ganzen Buch ausbreiten ist hier kompakt zusammengefasst.
- Paymill – The Payment Engineers
- Verspricht Online-Payment ohne die ganz großen Schmerzen.
- A11Y Project
- Links, Artikel und Checklisten zum Thema Accessibility.
- Surface – A building block for web-based text editors.
A building block for web-based text editors.
Kommentare
stegoe #
Geschrieben am 30.01.2013 um 15:11
Dateien zu inlinen ist ja im Prinzip eine schöen Sachen, doch was mich da bisher noch immer stört ist der Workflow. Ich kann halt nicht aus dem Photoshop heraus meinen „data:image/png“-Code generieren, sondern muss den Umweg über was externen gehen, das Bild vl. bei irgend ’nem Onlinetool hochladen oder so. Oder gibt es da was total praktischen und kenn das nur nicht? Wie macht ihr das im Arbeitsalltag?
Peter #
Geschrieben am 30.01.2013 um 15:23
Ich denke mal wir alle aus der Sendung haben einen automatischen Extra-Schritt in unserem Workflow, der, weil er eben automatisch ist, im Alltag von uns nicht mal mehr wahrgenommen wird. Wenn z.B. ich eine Datei für ein Projekt abspeicherne, rattert ein Script los und macht das inlining automatisch. In meinem Fall ist das meist die eingebaute Inlining-Funktion des CSS-Präprozessors Stylus.
Von Schepp gibt alternativ den CSS-JS-Booster, bei dem ein PHP-Script auf dem Server diese Aufgabe übernimmt. Ansonsten kann man das auch mit Sass machen oder mit irgend einem anderen Script oder Buildsystem.
Moral von der Geschicht: automatisier‘s, dann stört‘s auch nicht :)
Schepp #
Geschrieben am 30.01.2013 um 15:48
Es ist so wie Peter sagt: Ohne Tools, die sich im Hintergrund um sowas kümmern macht es keinen Spaß. Ergänzend zu Peter hätte ich noch folgende Helferlein im Angebot:
inline-image
Wenn man sich solche Helferlein einmal eingerichtet hat, spart man hinterher unfassbar viel Zeit.
Vorhersage Donnerstag, 31.01.2013 | die Hörsuppe #
Geschrieben am 31.01.2013 um 08:54
[…] working draft: Revision 105: CSS-Performance, Web Workers und ein paar Links […]
Tobias Buschor #
Geschrieben am 2.02.2013 um 13:26
Hallo
Ist immer wieder entspannend euch zuzuhören :)
Wäre dieser Link hier auch mal erwähnenswert?
http://compatibility.shwups-cms.ch/de/home/
LG
Schepp #
Geschrieben am 4.02.2013 um 13:36
Hallo Tobias,
ist auf jeden Fall keine schlechte Ressource. Danke! Ich hab sie mal in den Themenstapel für die nächste Revision verfrachtet. Mal sehen, was der Rest so denkt.
Viele Grüße zurück!
Schepp #
Geschrieben am 4.02.2013 um 13:38
Obwohl… Schau mal hier:
http://compatibility.shwups-cms.ch/de/home/?&view=details oder
http://compatibility.shwups-cms.ch/de/home/?&&view=polyfills
Tobias Buschor #
Geschrieben am 4.02.2013 um 13:47
Ja, bin dort gerade noch ein wenig am arbeiten.
Ist schon noch beta…
Schepp #
Geschrieben am 4.02.2013 um 14:40
Ah, verstehe. Der erste Eindruck wird auch deutlich zum Gelingen einer Verlinkung beitragen, denn meien Kollegen sind bei sowas noch gnadenloser. Oder sollen wir es eine Woche später verlinken? Dann hast Du mehr Zeit fürs Polish. Heute Abend ist ja schon wieder Aufnahme.
Tobias Buschor #
Geschrieben am 4.02.2013 um 14:42
Oh ja danke.
Ich werde noch eine Woche Vollgas geben!
RSS-Feed zu diesem Beitrag
Kommentare sind für diesen Beitrag geschlossen.