Was kann im Frontend bei Webseite optimiert werden, um die vom Nutzer wahrgenommene Ladezeit zu verkürzen? 30 Minuten Einführung in Client-Side Performance Optimization im Rahmen der Veranstaltung "StudiVZ, Xing und Co - Die Langsamen werden verlassen" an der Hochschule der Medien Stuttgart (http://www.hdm-stuttgart.de/view_news?ident=news20100122085221)
Warum ist die Performance mit für den Erfolg von Webprojekten entscheidend?
Welche Auswirkungen kann eine zusätzliche Sekunde Ladezeit in Bezug auf die Webseiten-Hits und den Umsatz haben? Und vor allem: wie können wir Entwickler die Performance deutlich verbessern? Und zwar ohne neue Hardware anzuschaffen.
Eine Einführung in die Web Performance Optimierung (SEITENBAU Developer Convention 2011 - 24.09.2011)
- Wie betrachtet ein Nutzer eine Webseite?
- Wie kann man die Performance messen?
- Welche Optimierungsmöglichkeiten gibt es?
- Client-seitige Optimierungen
- Server-seitige Optimierungen
- Automatisierung der Optimierungen
- Blick in die Zukunft (u.A.: Google SPDY)
Meine Präsentation vom SEOday 2015 in Köln zum Thema Crawl-Budget und Crawl-Rate-Optimierung mit vielen Tipps zur Verbesserung von Auffindbarkeit, Indexierung, Geschwindigkeit sowie den "häufigsten Stolpersteinen" bei der Optimierung.
Warum ist die Performance mit für den Erfolg von Webprojekten entscheidend?
Welche Auswirkungen kann eine zusätzliche Sekunde Ladezeit in Bezug auf die Webseiten-Hits und den Umsatz haben? Und vor allem: wie können wir Entwickler die Performance deutlich verbessern? Und zwar ohne neue Hardware anzuschaffen.
Eine Einführung in die Web Performance Optimierung (SEITENBAU Developer Convention 2011 - 24.09.2011)
- Wie betrachtet ein Nutzer eine Webseite?
- Wie kann man die Performance messen?
- Welche Optimierungsmöglichkeiten gibt es?
- Client-seitige Optimierungen
- Server-seitige Optimierungen
- Automatisierung der Optimierungen
- Blick in die Zukunft (u.A.: Google SPDY)
Meine Präsentation vom SEOday 2015 in Köln zum Thema Crawl-Budget und Crawl-Rate-Optimierung mit vielen Tipps zur Verbesserung von Auffindbarkeit, Indexierung, Geschwindigkeit sowie den "häufigsten Stolpersteinen" bei der Optimierung.
Redaktionelle Hochlastwebseiten am Beispiel von stern.deNils Langner
stern.de ist mit ca. 170 000 000 Seitenabrufen im Monat eine der höchstfrequentierten Webangebote Deutschlands. In Spitzen, wie zum Beispiel zu einer Stern-TV-Sendung, wird die Last auf den Systemen für einige Zeit mehr als verdoppelt. Um diesen sprunghaften Anstieg der Last kosteneffizient abzubilden, bedarf es einer flexiblen System- und Softwarearchitektur. Es wird gezeigt, wie diese Anforderungen an eine redaktionelle Hochlastwebsite sowohl in der Infrastruktur als auch in der Software abgebildet werden und es werden dazugehörende Herausforderungen skizziert. Behandelt werden unter anderem: PaaS, Gateway-, Object- und Byte-Code-Cache, ESI, Content Delivery Networks, Bottlenecks und Load Balancing.
Blogwerk WordPress für die Corporate WebsiteBlogwerk AG
An der WordPress Konferenz Zürich vom 5. März 2013 sprachen Karin Friedli und Michael Sebel von der Blogwerk AG von den Möglichkeiten und Herausforderungen beim Einsatz von WordPress für Corporate Websites.
Meine Präsentation der #SEOkomm2014 in Salzburg zum Thema Performance Optimierung. Neben diversen Zahlen sprechen wir über das Critical Path Rendering, Strategien zur Web-Request Optimierung, (WordPress-) Caching und vieles mehr!
Pimp My SharePoint - Performanceprobleme vorbeugen, analysieren und behebenDavid Schneider
Diese Slides zeigen, wie man Performanceprobleme von Microsoft SharePoint Server 2013 vorbeugt, analysiert und behebt. Die Slides sind im Rahmen einer Veranstalltung der SharePoint Community Mittelland Schweiz entstanden.
PageSpeed Optimierung für Einsteiger - SEO Day 2014 von Murat Özdemir und Franz Hernschier.
In 5 Schritten zu einer schneller Website.
http://www.fairrank.de
http://francoseville.com
Dank vieler praktischer Funktionen können Entwickler unter ColdFusion relativ schnell und einfach Applikationen entwickeln und produktiv einsetzen.
Doch wie sieht es aus wenn diese Applikationen dann intensiv genutzt werden? Von hunderttausenden Usern in unzähligen Ländern, Sprachen und Zeitzonen? Wenn Inhalte laufend generiert und abgefragt werden?
Dieser Talk zeigt, wie ColdFusion in einem Enterprise Projekt eingesetzt werden kann. Welche Architektur für einen sicheren Betrieb rund um die Uhr und die Welt benötigt wird. Welche ColdFusion Enterprise-Funktionen gebraucht werden und welche nicht, welche überhaupt funktionieren, welche Lektionen wir im praktischen Einsatz gelernt haben und warum Optimierungen im Milisekunden-Bereich tatsächlich Tage sparen können.
Dieser Workshop konzentriert sich auf WordPress-spezifische Möglichkeiten, und zeigt welche und wie wir bei der Blogwerk AG Performanceoptimierungen an unseren Blogs vorgenommen haben. Wichtige Themen dabei sind der Object-Cache mit verschiedenen Caching-Backends, Full-Site-Cachinglösungen, wie WP Super Cache und PHP-Optimierungen.
HTML5-Performance: So rennt Ihre App und nicht Ihre Anwender (weg)André Krämer
Morgens halb zehn in Deutschland: Der Puls Ihrer Anwender ist mittlerweile im dreistelligen Bereich und die ersten User denken ernsthaft darüber nach, den PC aus dem Fenster zu werfen. Ursache: Die von Ihnen entwickelte webbasierte App bremst die Nutzer stets an den entscheidenden Stellen aus. An produktives Arbeiten ist kaum noch zu denken und Überstunden stehen auf dem Tagesprogramm. Doch so weit muss es gar nicht kommen. Glückliche Anwender sind nur wenige Handgriffe entfernt. Und genau diese Handgriffe, wird Ihnen André Krämer in diesem Vortrag zeigen. Gemeinsam werden wir den Ursachen langsamer Web- und Mobile-Apps in den Bereichen JavaScript, CSS und Co. auf den Grund gehen und diese Schritt für Schritt eliminieren.
Das Thema Website-Performance beschäftigt uns seit Anbeginn des Webs. Die Websites sind grösser, bildlastiger und komplexer geworden, auf der anderen Seite sind die Bandbreiten gestiegen und die Geräte leistungsfähiger geworden, mobile Endgeräte mit ganz eigenen Anforderungen kamen hinzu.
Wir werfen einen Blick auf die Situation heute. Welche der alten Tricks bringen noch was, worauf kann man mittlerweile getrost verzichten? Alles unter besonderer Berücksichtigung der infrastrukturellen Rahmenbedingungen und Eingedenk der Tatsache, dass Websites heute nicht mehr von Hand gebaut werden, sondern zumeist aus einem CMS kommen.
Redaktionelle Hochlastwebseiten am Beispiel von stern.deNils Langner
stern.de ist mit ca. 170 000 000 Seitenabrufen im Monat eine der höchstfrequentierten Webangebote Deutschlands. In Spitzen, wie zum Beispiel zu einer Stern-TV-Sendung, wird die Last auf den Systemen für einige Zeit mehr als verdoppelt. Um diesen sprunghaften Anstieg der Last kosteneffizient abzubilden, bedarf es einer flexiblen System- und Softwarearchitektur. Es wird gezeigt, wie diese Anforderungen an eine redaktionelle Hochlastwebsite sowohl in der Infrastruktur als auch in der Software abgebildet werden und es werden dazugehörende Herausforderungen skizziert. Behandelt werden unter anderem: PaaS, Gateway-, Object- und Byte-Code-Cache, ESI, Content Delivery Networks, Bottlenecks und Load Balancing.
Blogwerk WordPress für die Corporate WebsiteBlogwerk AG
An der WordPress Konferenz Zürich vom 5. März 2013 sprachen Karin Friedli und Michael Sebel von der Blogwerk AG von den Möglichkeiten und Herausforderungen beim Einsatz von WordPress für Corporate Websites.
Meine Präsentation der #SEOkomm2014 in Salzburg zum Thema Performance Optimierung. Neben diversen Zahlen sprechen wir über das Critical Path Rendering, Strategien zur Web-Request Optimierung, (WordPress-) Caching und vieles mehr!
Pimp My SharePoint - Performanceprobleme vorbeugen, analysieren und behebenDavid Schneider
Diese Slides zeigen, wie man Performanceprobleme von Microsoft SharePoint Server 2013 vorbeugt, analysiert und behebt. Die Slides sind im Rahmen einer Veranstalltung der SharePoint Community Mittelland Schweiz entstanden.
PageSpeed Optimierung für Einsteiger - SEO Day 2014 von Murat Özdemir und Franz Hernschier.
In 5 Schritten zu einer schneller Website.
http://www.fairrank.de
http://francoseville.com
Dank vieler praktischer Funktionen können Entwickler unter ColdFusion relativ schnell und einfach Applikationen entwickeln und produktiv einsetzen.
Doch wie sieht es aus wenn diese Applikationen dann intensiv genutzt werden? Von hunderttausenden Usern in unzähligen Ländern, Sprachen und Zeitzonen? Wenn Inhalte laufend generiert und abgefragt werden?
Dieser Talk zeigt, wie ColdFusion in einem Enterprise Projekt eingesetzt werden kann. Welche Architektur für einen sicheren Betrieb rund um die Uhr und die Welt benötigt wird. Welche ColdFusion Enterprise-Funktionen gebraucht werden und welche nicht, welche überhaupt funktionieren, welche Lektionen wir im praktischen Einsatz gelernt haben und warum Optimierungen im Milisekunden-Bereich tatsächlich Tage sparen können.
Dieser Workshop konzentriert sich auf WordPress-spezifische Möglichkeiten, und zeigt welche und wie wir bei der Blogwerk AG Performanceoptimierungen an unseren Blogs vorgenommen haben. Wichtige Themen dabei sind der Object-Cache mit verschiedenen Caching-Backends, Full-Site-Cachinglösungen, wie WP Super Cache und PHP-Optimierungen.
HTML5-Performance: So rennt Ihre App und nicht Ihre Anwender (weg)André Krämer
Morgens halb zehn in Deutschland: Der Puls Ihrer Anwender ist mittlerweile im dreistelligen Bereich und die ersten User denken ernsthaft darüber nach, den PC aus dem Fenster zu werfen. Ursache: Die von Ihnen entwickelte webbasierte App bremst die Nutzer stets an den entscheidenden Stellen aus. An produktives Arbeiten ist kaum noch zu denken und Überstunden stehen auf dem Tagesprogramm. Doch so weit muss es gar nicht kommen. Glückliche Anwender sind nur wenige Handgriffe entfernt. Und genau diese Handgriffe, wird Ihnen André Krämer in diesem Vortrag zeigen. Gemeinsam werden wir den Ursachen langsamer Web- und Mobile-Apps in den Bereichen JavaScript, CSS und Co. auf den Grund gehen und diese Schritt für Schritt eliminieren.
Das Thema Website-Performance beschäftigt uns seit Anbeginn des Webs. Die Websites sind grösser, bildlastiger und komplexer geworden, auf der anderen Seite sind die Bandbreiten gestiegen und die Geräte leistungsfähiger geworden, mobile Endgeräte mit ganz eigenen Anforderungen kamen hinzu.
Wir werfen einen Blick auf die Situation heute. Welche der alten Tricks bringen noch was, worauf kann man mittlerweile getrost verzichten? Alles unter besonderer Berücksichtigung der infrastrukturellen Rahmenbedingungen und Eingedenk der Tatsache, dass Websites heute nicht mehr von Hand gebaut werden, sondern zumeist aus einem CMS kommen.
Client-side Web Performance Optimization [paper]Jakob
This document discusses client-side performance optimizations for websites. It begins by explaining how client-side loading accounts for 80-90% of total page load time on average. It then provides an overview of tools for analyzing performance bottlenecks. The document outlines several basic optimization techniques, including reducing HTTP requests, leveraging browser caching through headers and cache busters, optimizing images, prioritizing critical resources, and improving JavaScript and CSS performance. It emphasizes the importance of measuring performance before and after making changes.
Ist das HTML5-Videoelement mit den unterstützten Codecs und User-Interface-Möglichkeiten aktuell und in Zukunft eine ernstzunehmende Alternative zu Flash-basierten Videos?
A 90 min introduction on Ruby Programming Language by Christian Feser, Michael Kram, Jakob Schröter and Marc Seeger
Contents:
Design History of Ruby
Agile Manifesto
Language basics
Exercise
Typing
Libraries & Gems
Ruby VMs
Good & bad things
A 180 min introduction on Ruby on Rails programming with hands-on exercises by Christian Feser, Michael Kram, Jakob Schröter and Marc Seeger
Contents:
Ruby On Rails Framework
MVC Pattern
Sample Project: OnlineShop
Associations
Migrations
Views
ERB-Templates
Layouts/Partials
Helper
Controller
Webservices
Validators
A 90 min addon for Ruby On Rails Programming by Christian Feser, Michael Kram, Jakob Schröter and Marc Seeger.
Contents:
Testing
Test-Driven Development
Security
Performance
Caching
Deployment
9. Einfluss der Ladezeit
Amazon: +100 ms = 1 % weniger Verkäufe
Yahoo: +400 ms = 5-9 % weniger Anfragen
Google: +500 ms = 20 % weniger Anfragen
Glückliche User
Mehr User
Mehr Geld
Kurze
Ladezeit
16. Intelligentes Browser-Caching
Use HTTPs potential!
• Achtung, ETag!
GET File
Server Client
File
GET File, if modified
Server Client
304 not modified
File
Weniger Daten, aber trotzdem ein Request!
17. Intelligentes Browser-Caching
• Besser: Expires-Header
GET File
Server Client
File
Expires 01.01.2011
Server Client
File
Kein Request! Erst wieder ab 02.01.2011
18. Cache busters
…um ein Neuladen zu erzwingen
• (Expire-Header vorher anpassen)
• base-12.js
• styles.css?67
• /890/background.png
40. Vieles lässt sich automatisieren
Integration in den Deployment-Prozess
– JS/CSS-Dateien kombinieren
– Compression & Minifying
– Cache busters
– Image optimization
41.
42. Entlastet auch
Enorme
die Server Oft einfach
Auswirkungen
Von Anfang an
Grundregeln
Client-side
beachten & ggf.
weiter optimieren matters!
Direkte Verbesserung Kostenersparnis
für die Nutzer
don‘t fiddle – analyse first
43. Weiterführend
• Steve Souders: High Performance Websites
• Steve Souders: Even Faster Websites
• http://developer.yahoo.com/performance/rules.html
• Test-Webseite: http://stevesouders.com/cuzillion