Revision 158: Performance, Performance, Performance; sowie Leserfragen

Published: Feb. 16, 2014, 4:23 p.m.

b'In der heutigen Revision haben Hans, Peter und Stefan den Performance-K\\xf6nig\\nTobias Baldauf eingeladen, um \\xfcber aktuelle Trends und gute Ratschl\\xe4ge in Sachen\\nWebperformance zu plaudern.\\n\\n\\n[00:01:08] NEWS\\n\\nFIREFOX 27\\n\\nNeuer Release des Independent Browser, mit der neuen CSS Eigenschaft all:unset\\nund einigen anderen \\xc4nderungen.\\n\\n\\nSCHAUNOTIZEN\\n\\n[00:01:56] BLEEDING EDGE BILDOPTIMIERUNG\\n\\nTobias erz\\xe4hlt \\xfcber aktuelle Trends in der Bildoptimierung, und wie man aus\\nlanggedienten Grafikformaten wie JPEG dank Machine Learning noch weitere 10%\\nrausholen m\\xf6chte.\\n\\n[00:07:56] RENDERINGOPTIMIERUNGSM\\xd6GLICHKEITEN BEI WEBFONTS\\n\\nChrome hat seinen Webfont Renderingprozess neu gel\\xf6st, und zeigt nach 30\\nSekunden ohne geladener Font eine Fallbackschrift an. Au\\xdferdem erz\\xe4hlen wir\\nwelche weiteren Steuerungsm\\xf6glichkeiten es gibt, ob text-rendering Unterschiede\\nmacht und wie man Subsetting richtig einsetzen kann!\\n\\n[00:13:15] AUTOMATISIERT PERFORMANCE METRIKEN GENERIEREN\\n\\nPerformance kann und soll man klarerweise messen. Tobias gibt Tipps und verweist\\nauf Tools wie Phantomas (samt Grunt-Plugin) und das HTTP Archive.\\n\\n[00:17:41] VIELE SCHRIFTSCHNITTE VS. PERFORMANCE\\n\\nDer Schriftenkaiser Gerrit van Aaken ruft zu Recht auf, verschiedene\\nFettschnitte in Webfonts zu beachten. Doch was des Designers Freud\\u2018 ist des\\nPerformanceoptimierers Leid. Wo liegt die optimale Grenze, und welche\\nM\\xf6glichkeiten w\\xfcrden wir uns w\\xfcnschen um beide Welten zufrieden zu stellen. Wir\\nphilosophieren.\\n\\n[00:22:06] PERFORMANCE-GUIDELINES UND -BUDGETS\\n\\nPerformance ist wichtig und kann auch gut argumentiert bzw. verkauft werden!\\nStefan erz\\xe4hlt von Kompromissen aus dem t\\xe4glichen Agenturleben und welche\\nProbleme man sich fernh\\xe4lt, wenn man das Performance-Augenmerk von Anfang an in\\nBetracht zieht. Der Rest stimmt in der Reflexion mit ein und gibt Ratschl\\xe4ge.\\n\\n[00:27:58] LESERFRAGE: UNSERE ERFAHRUNGEN ZU CUSTOM STYLED INPUTS\\n\\nStammh\\xf6rer Christoph Rumpel fragt, wie man Formularelemente am besten stylen\\nkann, und welche Bibliotheken bzw. Tools wir daf\\xfcr nehmen. Eine Antwort mit\\neinem Plottwist. Erw\\xe4hnt werden: Ryan Seddons Technik \\xfcber :checked Attribut und\\ndas \\xe4hnlich funktionierende Navigataur. Au\\xdferdem wird es Zeit alert und confirm\\nwieder aus ihrer Versenkung zu bringen!\\n\\n[00:35:37] LAYOUTGESCHWINDIGKEIT VON CSS FLEXBOX\\n\\nCSS Flexbox rendert langsam und hat nicht unbedenkliche Aufbaustrukturen. Doch\\nlieber CSS3 Grid-Layouts verwenden! Doch was, wenn manches davon noch gar nicht\\nin den aktuellen Browsern implementiert wurde? Wir ranten \\xfcber Angebot und\\nNachfrage, den IE9 und die Zukunft des Internet Explorers, und geben Peter in\\neiner spontanen Selbsthilfegruppensitzung Platz.\\n\\n[00:46:47] LESERFRAGE: GUTE ONLINECOMMUNITIES F\\xdcR WEBENTWICKLUNG?\\n\\nChristian fragt: Welche guten Onlinecommunities gibt es? Die Leute kurz vor oder\\njenseits der 30 erz\\xe4hlen mit wei\\xdfen Rauscheb\\xe4rten \\xfcber die gute, alte Forenzeit,\\ndass deren Abgesang eigentlich eh nicht so schlecht ist, und warum Twitter und\\nCo. sich in den letzten Jahren behauptet haben.\\n\\n\\n[00:58:52] KEINE SCHAUNOTIZEN\\n\\nCSS ABOVE THE FOLD INLINER\\n\\nDinge, die \\xfcber der Fenstergrenze passieren sollten auch besonders schnell\\nsichtbar sein. Dieses PhantomJS basierte Tool hilft!\\n\\nRESPONSIVE IMAGES & LAZY LOADING\\n\\nDer sehr aktive Sven Wolfermann \\xfcber Responsive Images und Lazy Loading.\\nPflichtartikel\\n\\n\\nTIPP DER WOCHE\\n\\nTOPCOAT.IO\\n\\nMan braucht fesches UI, ohne sich dabei gleich Boliden wie Bootstrap oder\\nFoundation zu installieren, hat Anspr\\xfcche auf Performance und Anpassung? Dann\\nsollte man auf Adobes Topcoat einen genaueren Blick werfen.'