Artikel-Schlagworte: „Web“

Ankündigung: Zehntes Hamburg Web Performance Meetup

Montag, 22. April 2013

Nachdem unser Geburtstags-Meetup vor einem Monat im Attraktor e.V. (einem Makerspace in der City-Nord) stattfand (danke an Arbo und Raj für ihre Vorträge), treffen wir uns diesmal wieder bei einem Unternehmen, das für Speis’ und Trank sorgen wird.

Hamburg Web Performance Group
Am Donnerstag, den 25. April 2013, treffen wir uns bei Cassini Consulting Nord GmbH
(Johannisbollwerk 16, Hamburg). Wie immer geht es um 19:00 Uhr los.

Nachdem Frank und ich im Dezember etwas über unsere RUM-Messungen bei Telefonica erzählt haben, schließen nun Johannes, Heiko und Michael direkt an diesen Vortrag an und erzählen, wie sie diese Messungen aufarbeiten und visualisieren.

Johannes Lübkert, Heiko Lentz und Michael Heinecke – Visualisierung von Performance

  • Telefonicas WebPerformace Team (Kurze Vorstellung von Personen, Aufgaben und Organisatorischem – wie wir aufgestellt sind)
  • Technik im Front- und Backend (Perf-Portal, Graphite, Backend)
  • Data-Visualisierung von WPT und RUM samples (wie wir’s machen, lessons learned)

Uns fehlt noch ein zweiter Vortrag. Entweder wir machen einen Open Space oder ich werde etwas über Yeoman, Grunt und Bower erzählen (auf der Shell, nicht im Powerpoint), mit denen ich gerade herumspiele.

Anmelden kann man sich über unsere Meetup-Gruppe oder über XING.

news and informations automotive,business,crime,health,life,politics,science,technology,travelautomotive,business,crime,health,life,politics,science,technology,travel

Ankündigung: Neuntes Hamburg Web Performance Meetup

Donnerstag, 7. März 2013

Das erste Web Performance Meetup in Hamburg Logo des Web Performance Metup Hamburgfand am 8. Februar 2012 statt. Das heißt, unsere Gruppe ist nun bereits ein Jahr alt.

Das Geburtstags-Meetup findet am 20.03.2013 im Attraktor e.V. (Mexikoring 21, Hamburg City-Nord) statt. Wie immer geht es um 19:00 Uhr los.

Diesmal gibt es wieder zwei Vorträge. “PhantomJS” von Raj Dudi und “SoundCloud” von Arbo von Monkiewitsch.

Arbo von Monkiewitsch – SoundCloud

SoundCloud liefert ein HTML5 Audio Playback Widget aus, das in Millionen von Webseiten eingebettet ist. In diesem Vortrag wird gezeigt, wie SoundCloud seine Teams organisiert, um die Zusammenarbeit zwischen Operations und Web-Entwicklern zu optimieren. Ziele dieser Optimierung sind die Steigerung der Verfügbarkeit, der Performance und der User Experience.

Natürlich müssen solche Optimierungen gemessen werden. Zu diesem Zweck werden zunächst die Ziele der Messung identifiziert. Die Metriken des populären YouTube-Widgets wurden in  Bezug zum SoundCloud-Widget gesetzt, um tiefe Einsichten sowohl aus dem synthetischen Monitoring als auch aus dem Real User Monitoring zu erlangen. Durch den Bezug zu einem anderen Media Delivery Widget konnten das eigene Widget und dessen Messung kontinuierlich verbessert werden.

Welche Techniken dabei verwendet wurden und was SoundCloud dabei gelernt hat, soll dieser Vortrag vermitteln.

Raj Dudi – PhantomJS

PhantomJS ist ein WebKit ohne UI, das durch JS ferngesteuert wird. Es kann in Kommandozeilen-basierten Tools verwendet werden, die einen Web-Stack benötigen. So bietet es die Basis für das Testen von Rich Web Applications, ohne dass dafür ein “echter” Web-Browser benötigt wird. Da PhantonJS WebKit im headless mode verwendet wird, bietet es Zugriff auf eine echt-native und schnelle Browser-Implementierung und nicht auf eine Browser-Simulation. Web-Standards wie DOM, CSS-Selektoren, Canvas, SVG und viele weitere stehen so zur Verfügung. Dies macht PhantomJS zu einer optimalen Lösung für das automatisierte Testen von Websites und für das Netzwerkmonitoring.

Beide Vorträge werden voraussichtlich in englischer Sprache gehalten werden. Anmelden kann man sich über unsere Meetup-Gruppe oder über XING.

news and informations automotive,business,crime,health,life,politics,science,technology,travelautomotive,business,crime,health,life,politics,science,technology,travel

Moderne Web-Frameworks

Donnerstag, 7. Februar 2013

Wirklich skalierbare Softwaresysteme entstehen heutzutage selten im Enterprise-, sondern häufiger im Web-Umfeld. Daher können Enterprise-Anwendungen von den Erfahrungen profitieren, die mit Web-Anwendungen gesammelt wurden. “Moderne Web-Frameworks” weiter lesen »

news and informations automotive,business,crime,health,life,politics,science,technology,travelautomotive,business,crime,health,life,politics,science,technology,travel

Prozesse mit REST

Dienstag, 24. Juli 2012
Das Anstoßen eines Prozesses über den Aufruf eines Webservices ist an sich ein recht gewöhnliches Problem. SOAP ist hier unser Freund, aber besonders im mobilen Bereich möchte man in der Entwicklung gern leichtgewichtig bleiben und sich kein SOAP-Framework an Bord holen. REST bietet hier den gewünschten leichtgewichtigen Ansatz, doch wie kommt jetzt eine ressourcenorientierte Welt mit einer prozessorientierten Sicht zusammen?
“Prozesse mit REST” weiter lesen »
news and informations automotive,business,crime,health,life,politics,science,technology,travelautomotive,business,crime,health,life,politics,science,technology,travel

Web Performance Optimierung im Frontend Teil 2 – DOM und CSS

Montag, 19. September 2011

In den letzen Monaten wanderte der Fokus in der Web Performance Optimierung von der Zeit, die zum Laden einer Seite benötigt wurde, zunehmend auf die Geschwindigkeit, in der das Rendering einer Seite und die anschließende Manipulation der Seite durchgeführt werden kann.

“Web Performance Optimierung im Frontend Teil 2 – DOM und CSS” weiter lesen »

news and informations automotive,business,crime,health,life,politics,science,technology,travelautomotive,business,crime,health,life,politics,science,technology,travel

Web Performance Optimierung im Frontend Teil 1 – JavaScript

Dienstag, 13. September 2011

Web Performance Optimierung konzentrierte sich in den letzten Jahren vor allem auf die Optimierung der Ladezeit einer Seite. Dazu haben sich Best Practices durchgesetzt, die bereits in einem Artikel in diesem Blog beschrieben wurden.

In jüngster Zeit wandert der Fokus jedoch immer mehr auf die Optimierung einer geladenen Seite, also auf die Zeit, die ein Browser für das Rendering und die Manipulation des DOMs benötigt. Auch hierzu gibt es inzwischen eine Reihe von Regeln, die in diesem und in einem künftigen Blog-Beiträgen behandelt werden.

“Web Performance Optimierung im Frontend Teil 1 – JavaScript” weiter lesen »

news and informations automotive,business,crime,health,life,politics,science,technology,travelautomotive,business,crime,health,life,politics,science,technology,travel

Maskenball – Google Wave (Teil 3)

Donnerstag, 15. Juli 2010

wpid-wpid-JM_8_2010o4c2c3f4c9d274-2010-07-1-22-39-2010-07-15-22-39.jpg

Maskenball – Clientseitige Erweiterung von Google Wave
Oliver Ochs und Jochen Jörg, JavaMagazin Ausgabe 8.2010

Im ersten Teil der Artikelserie haben wir die grundlegenden Konzepte von Google Wave vorgestellt und Wave ausführlich aus der Produktperspektive betrachtet. Im zweiten Artikel wurden die Funktionsweise sowie das Wave Protokoll näher beleuchtet. Ferner haben wir anhand eines Beispiels gezeigt, wie Wave mit Hilfe der Robot API erweitert werden kann. In diesem dritten Teil werden wir beschreiben, wie sich Wave unter Verwendung der Embed API in eine Website einbinden lässt und wie sich Gadgets – Miniprogramme, die im Client laufen – mit Hilfe der Gadgets API programmieren lassen.

news and informations automotive,business,crime,health,life,politics,science,technology,travelautomotive,business,crime,health,life,politics,science,technology,travel

Föderierte Agenten – Google Wave (Teil 2)

Dienstag, 8. Juni 2010

wpid-wpid-JM_7_10_204c0616a84432b-2010-06-1-22-34-2010-06-8-22-34.gif
Föderierte Agenten – Serverseitige Erweiterungen von Google Wave
Oliver Ochs und Jochen Jörg, JavaMagazin Ausgabe 7.2010

Im ersten Teil der Artikelserie haben wir die grundlegende Konzepte von Google Wave vorgestellt und Wave ausführlich aus der Produktperspektive betrachtet. Außerdem haben wir einen eigenen Wave Federation Server aufgesetzt. In diesem zweiten Artikel werden wir die Funktionsweise und das Wave Protokoll näher beleuchten. Ferner wird anhand eines Beispiels gezeigt, wie Wave mit Hilfe der Robot API erweitert werden kann.

news and informations automotive,business,crime,health,life,politics,science,technology,travelautomotive,business,crime,health,life,politics,science,technology,travel

Web Performance-Optimierung

Mittwoch, 24. März 2010

Performance-Optimierung

Bei einem Kunden wurde die Performance der Website optimiert. Inspiriert wurde diese Optimierung durch das Buch „High Performance Web Sites: 14 Steps to Faster-Loading Web Sites“ von Steve Souders. Anhand der Engineering-Tasks, die in diesem Buch beschrieben werden, wurden folgende Regeln aufgestellt und implementiert.

Rendering so früh wie möglich erlauben

Wenn ein Benutzer eine Seite aufruft, muss er warten, bis die Seite aufgebaut ist. Während er wartet, benötigt er ein visuelles Feedback, damit er sichergehen kann, dass die Seite funktioniert. Durch das Feedback erscheint für den Nutzer die Zeit, die er auf die Seite wartet, subjektiv kürzer. In Webseiten wird in der Regel kein Fortschrittsbalken eingeblendet, sondern die Seite selbst ist der Fortschrittsbalken. Statt dass der Nutzer vor einer weißen Seite sitzt, die sich nach der Wartezeit in einem einzigen Augenblick aufbaut, sollte sich die Seite im Browser nach und nach aufbauen. Um dies zu erreichen, sollte es dem Web-Browser technisch ermöglicht werden, heruntergeladene Inhalte so früh wie möglich darstellen zu können. Dazu benötigt er einfach möglichst früh alle nötigen Informationen “Web Performance-Optimierung” weiter lesen »

news and informations automotive,business,crime,health,life,politics,science,technology,travelautomotive,business,crime,health,life,politics,science,technology,travel