SlideShare ist ein Scribd-Unternehmen logo
1 von 17
24.11.2015 – Wahid Rahim
Wichtigste Features
• Server Push
• Multiplexing
• Binary Encoding
• Header Compression
Einfaches HTTP/1.1 Beispiel
GET /my/dashboard HTTP/1.1
Host: www.ranksider.de
HTTP/1.1 200 OK
…
<html>….
GET /assets/css/style.css HTTP/1.1
Host: www.ranksider.de
HTTP/1.1 200 OK
…
body{….
In HTTP/2
GET /my/dashboard HTTP/2.0
Host: www.ranksider.de
HTTP/2.0 200 OK
Link: </assets/css/style.css>; rel=preload; as=stylesheet
…
<html>….
Bei HTPP sind diese Daten binär und nicht exakt so.
Mehrere Requests und Responses
parallel über eine einzige
Verbindung
Freut euch
nicht zu früh!
Kann ich schon heute HTTP/2
einsetzen?
Ja
Soll ich HTTP/2 einsetzen?
Für neue Seiten: Ja
Für bestehenden Seiten:
Hängt davon ab…
HTTP/1.1 Optimierungsstrategien
sind schlecht für HTTP/2
Domain Sharding
Browser begrenzen die Anzahl der Verbindungen
pro Domain
Als Folge werden die Assets auf mehrere
Domains verteilt. Als Beispiel Youtube
​i.ytimg.com für Icons, Avatars, etc.
s.ytimg.com für Stylesheets und JavaScript
In HTTP/2 müssen diese Domains
auch HTTPs unterstützen und eine
HTTPS-Verbindung ist deutlich
langsamer.
CSS-Sprites
In HTTP/1.1 werden die Icons in eine Datei
zusammengefasst, um die Anzahl der
Verbindungen zu begrenzen.
In HTTP/2 müssen diese Dateien über eine
Sichere Verbindung übertragen werden.
Größere Dateien zu verschlüsseln und wieder zu
entschlüsseln ist aber deutlich langsamer.
Besonderheit: Subdomains
Wenn die Verbindungen auf mehreren Subdomains
verteilt sind und diese Subdomains auf dieselbe IP
zeigen und ein Wildcard-Zertifikat vorhanden ist,
dann ist ein Upgrade auf HTTP/2 sinnvoll.
Für eine Subdomain keine neue Verbindung nötig,
wenn eine Verbindung zur Haupt-Domain bereits
besteht.
Fazit
HTTP/2 ist wichtiger Schritt nach vorne, aber
kein großer Wurf.
Der größte Nachteil: Browser beachten die
lokale Cache beim Server-Push nicht.
Vielen Dank
www.RankSider.de
www.Wahid.de

Weitere ähnliche Inhalte

Ähnlich wie Einführung in HTTP/2

PHP Kongress 2010 - Web-Performance
PHP Kongress 2010 - Web-PerformancePHP Kongress 2010 - Web-Performance
PHP Kongress 2010 - Web-PerformanceNico Steiner
 
PageSpeed Extreme für das große Speed Update 2021
PageSpeed Extreme für das große Speed Update 2021PageSpeed Extreme für das große Speed Update 2021
PageSpeed Extreme für das große Speed Update 2021SEARCH ONE
 
HTTP/3 und QUIC Making the internet faster
HTTP/3 und QUIC Making the internet fasterHTTP/3 und QUIC Making the internet faster
HTTP/3 und QUIC Making the internet fasterQAware GmbH
 
Php Tutorium
Php TutoriumPhp Tutorium
Php TutoriumAVGP
 
Client-side Performance Optimizations
Client-side Performance OptimizationsClient-side Performance Optimizations
Client-side Performance OptimizationsJakob
 
Inside HTTP: Webdebugging mit FIddler
Inside HTTP: Webdebugging mit FIddlerInside HTTP: Webdebugging mit FIddler
Inside HTTP: Webdebugging mit FIddlerMax Nowack
 
Hypermedia mit der ASP.NET Web API
Hypermedia mit der ASP.NET Web APIHypermedia mit der ASP.NET Web API
Hypermedia mit der ASP.NET Web APIAlexander Zeitler
 
PrettyFaces: RESTful URLs für JSF
PrettyFaces: RESTful URLs für JSFPrettyFaces: RESTful URLs für JSF
PrettyFaces: RESTful URLs für JSFChristian Kaltepoth
 
HTML5 - presentation at W3C-Tag 2009
HTML5 - presentation at W3C-Tag 2009HTML5 - presentation at W3C-Tag 2009
HTML5 - presentation at W3C-Tag 2009Felix Sasaki
 
Campixx 2012-ladezeit-extreme
Campixx 2012-ladezeit-extremeCampixx 2012-ladezeit-extreme
Campixx 2012-ladezeit-extremeAlexander Merkel
 
SEO Day 2016: Perfekte Ladezeiten und SEO-Hosting für Speed-Freaks
SEO Day 2016: Perfekte Ladezeiten und SEO-Hosting für Speed-FreaksSEO Day 2016: Perfekte Ladezeiten und SEO-Hosting für Speed-Freaks
SEO Day 2016: Perfekte Ladezeiten und SEO-Hosting für Speed-FreaksSEARCH ONE
 
Performance Optimierung mit Mod_Pagespeed - WP Camp 2013
Performance Optimierung mit Mod_Pagespeed - WP Camp 2013Performance Optimierung mit Mod_Pagespeed - WP Camp 2013
Performance Optimierung mit Mod_Pagespeed - WP Camp 2013Bernhard Kau
 
ColdFusion im Enterprise Umfeld - Deep Dive
ColdFusion im Enterprise Umfeld - Deep DiveColdFusion im Enterprise Umfeld - Deep Dive
ColdFusion im Enterprise Umfeld - Deep DiveBokowsky + Laymann GmbH
 
Was kommt nach den SPAs
Was kommt nach den SPAsWas kommt nach den SPAs
Was kommt nach den SPAsQAware GmbH
 
Kommunikations-APIs von JavaScript (International PHP Conference/WebTechCon 2...
Kommunikations-APIs von JavaScript (International PHP Conference/WebTechCon 2...Kommunikations-APIs von JavaScript (International PHP Conference/WebTechCon 2...
Kommunikations-APIs von JavaScript (International PHP Conference/WebTechCon 2...Christian Wenz
 
International SEO - Geotargeting und Sprachen - SEO Day 2012 Köln
International SEO - Geotargeting und Sprachen - SEO Day 2012 KölnInternational SEO - Geotargeting und Sprachen - SEO Day 2012 Köln
International SEO - Geotargeting und Sprachen - SEO Day 2012 Kölnget on top gmbh
 
Crawl-Budget Optimierung - SEOday 2015
Crawl-Budget Optimierung - SEOday 2015Crawl-Budget Optimierung - SEOday 2015
Crawl-Budget Optimierung - SEOday 2015Bastian Grimm
 
Website Optimierungen
Website OptimierungenWebsite Optimierungen
Website Optimierungenguest5d1fb2
 
2. Technologie-Tag - Frontend Architektur
2. Technologie-Tag - Frontend Architektur2. Technologie-Tag - Frontend Architektur
2. Technologie-Tag - Frontend ArchitekturNico Steiner
 

Ähnlich wie Einführung in HTTP/2 (20)

PHP Kongress 2010 - Web-Performance
PHP Kongress 2010 - Web-PerformancePHP Kongress 2010 - Web-Performance
PHP Kongress 2010 - Web-Performance
 
PageSpeed Extreme für das große Speed Update 2021
PageSpeed Extreme für das große Speed Update 2021PageSpeed Extreme für das große Speed Update 2021
PageSpeed Extreme für das große Speed Update 2021
 
HTTP/3 und QUIC Making the internet faster
HTTP/3 und QUIC Making the internet fasterHTTP/3 und QUIC Making the internet faster
HTTP/3 und QUIC Making the internet faster
 
Php Tutorium
Php TutoriumPhp Tutorium
Php Tutorium
 
Front End Performance Optimierung
Front End Performance OptimierungFront End Performance Optimierung
Front End Performance Optimierung
 
Client-side Performance Optimizations
Client-side Performance OptimizationsClient-side Performance Optimizations
Client-side Performance Optimizations
 
Inside HTTP: Webdebugging mit FIddler
Inside HTTP: Webdebugging mit FIddlerInside HTTP: Webdebugging mit FIddler
Inside HTTP: Webdebugging mit FIddler
 
Hypermedia mit der ASP.NET Web API
Hypermedia mit der ASP.NET Web APIHypermedia mit der ASP.NET Web API
Hypermedia mit der ASP.NET Web API
 
PrettyFaces: RESTful URLs für JSF
PrettyFaces: RESTful URLs für JSFPrettyFaces: RESTful URLs für JSF
PrettyFaces: RESTful URLs für JSF
 
HTML5 - presentation at W3C-Tag 2009
HTML5 - presentation at W3C-Tag 2009HTML5 - presentation at W3C-Tag 2009
HTML5 - presentation at W3C-Tag 2009
 
Campixx 2012-ladezeit-extreme
Campixx 2012-ladezeit-extremeCampixx 2012-ladezeit-extreme
Campixx 2012-ladezeit-extreme
 
SEO Day 2016: Perfekte Ladezeiten und SEO-Hosting für Speed-Freaks
SEO Day 2016: Perfekte Ladezeiten und SEO-Hosting für Speed-FreaksSEO Day 2016: Perfekte Ladezeiten und SEO-Hosting für Speed-Freaks
SEO Day 2016: Perfekte Ladezeiten und SEO-Hosting für Speed-Freaks
 
Performance Optimierung mit Mod_Pagespeed - WP Camp 2013
Performance Optimierung mit Mod_Pagespeed - WP Camp 2013Performance Optimierung mit Mod_Pagespeed - WP Camp 2013
Performance Optimierung mit Mod_Pagespeed - WP Camp 2013
 
ColdFusion im Enterprise Umfeld - Deep Dive
ColdFusion im Enterprise Umfeld - Deep DiveColdFusion im Enterprise Umfeld - Deep Dive
ColdFusion im Enterprise Umfeld - Deep Dive
 
Was kommt nach den SPAs
Was kommt nach den SPAsWas kommt nach den SPAs
Was kommt nach den SPAs
 
Kommunikations-APIs von JavaScript (International PHP Conference/WebTechCon 2...
Kommunikations-APIs von JavaScript (International PHP Conference/WebTechCon 2...Kommunikations-APIs von JavaScript (International PHP Conference/WebTechCon 2...
Kommunikations-APIs von JavaScript (International PHP Conference/WebTechCon 2...
 
International SEO - Geotargeting und Sprachen - SEO Day 2012 Köln
International SEO - Geotargeting und Sprachen - SEO Day 2012 KölnInternational SEO - Geotargeting und Sprachen - SEO Day 2012 Köln
International SEO - Geotargeting und Sprachen - SEO Day 2012 Köln
 
Crawl-Budget Optimierung - SEOday 2015
Crawl-Budget Optimierung - SEOday 2015Crawl-Budget Optimierung - SEOday 2015
Crawl-Budget Optimierung - SEOday 2015
 
Website Optimierungen
Website OptimierungenWebsite Optimierungen
Website Optimierungen
 
2. Technologie-Tag - Frontend Architektur
2. Technologie-Tag - Frontend Architektur2. Technologie-Tag - Frontend Architektur
2. Technologie-Tag - Frontend Architektur
 

Einführung in HTTP/2