SlideShare ist ein Scribd-Unternehmen logo
1 von 67
Bastian Grimm, Peak Ace AG | @basgr
Mehr (Page-) Speed
geht nicht…
Ein Blick in die Zukunft der Ladezeiten-Optimierung
Ich bin ein extrem ungeduldiger Mensch…
Ladezeit ist ein User Experience Thema!
Anderer Budgettopf!
Warum ist das wichtig?
5 Fakten in max. 2 Minuten…!
Keine Basics, aber ein kurzer Recap:
Google nutzt Ladezeit als Ranking Signal…
… und das bereits seit 2010!
Mehr lesen: http://pa.ag/1t4xVs6
Die Top-4 sind deutlich schneller als der Wettbewerb!
Seiten mit “gutem SEO” kümmern sich offenbar auch um Sitespeed?
Searchmetrics Ranking Factors 2014 (US): http://pa.ag/10cZuU2
Die Erwartungshaltung eurer User ist klar:
Langsame Ladezeiten bedeuten sofort einen Trafficverlust!
“A report from Nielsen has revealed
that 47% of people expect a website
to load within 2 seconds, and 40%
will leave a website if it does not
load fully within 3 seconds.”
Mehr lesen: http://pa.ag/1Rk8dIf
Quelle: http://pa.ag/1w8IYwq
Bereits 100ms machen einen (großen) Unterschied!
Amazon = 1%+ mehr Umsatz pro 100ms
1 Sekunde Verzögerung = -11% Pageviews & -7% Conversions
Google misst die Return-to-SERP-Rate…
In Kombination (CTR, ToS) ist diese ebenso ein (indirekter) Rankingfaktor!
…und forciert das Thema Site
Speed immer wieder:
Quelle: http://pa.ag/1cWFCtY
Die Themen des letzten Jahres sind weiterhin wichtig:
Zu den Folien auf Slideshare: http://pa.ag/seokomm-speed
• Optimierung des Critical Rendering Path (Google
interessiert zu aller erst der direkt sichtbare Bereich!)
• CSS & JavaScript Dateien verkleinern (minify)
• Bilder optimieren: Sprites verwenden und Overhead
bei JPG & PNGs reduzieren (Metadaten, etc.)
• Effektives Caching & serverseitige Komprimierung
• Schlankes Mark-Up (keine Kommentare, inline von
CSS / JS nur wo es wirklich sinnvoll ist)
• CDN bzw. Asset-Server (sowie Cookie-less Domains)
zum Parallelisieren von Downloads verwenden
• etc.
… dennoch drei kurze Anmerkungen dazu:
Wir sprechen heute nicht über Tools…
Google PageSpeed Insights als Startpunkt
Freies, web-basiertes Tool von Google, um eine Seite anhand diverser Regeln
und Best-Practices zu messen
Jetzt ausprobieren: https://developers.google.com/speed/pagespeed/insights/
Was wirklich zählt? Zeit statt Note!
Vollständiger Artikel: http://pa.ag/1KjZuQQ
webpagetest.org – mit allen Funktionen:
Alles auf einen Blick: TTFB, Keep-Alive, Compression & Caching, Image
Usage, CDN & Wasserfall-Diagramme
Wenn schon Google Daten, dann aus der Search Console
Habt diese Daten immer im Blick, sowas sollte nicht passieren!
Seiten / Tag
Zeit / Download
Kostenloses Dashboard von sitespeed.io
Daten im zeitlichen Verlauf, Wettbewerbsvergleich, uvm.
Jetzt ausprobieren: http://pa.ag/1PuN012
Genug davon, auf geht‘s!
Anzahl von Requests, Blocking vs. non-Blocking, Asynchron, etc.
#1 HTTP Anfragen optimieren
Wenn man 23 CSS & JS Dateien lädt, ist das Scheisse!
Deichmann AT verschwendet ~3 Sek. auf Blocking-Ressources…
Konsolidieren bzw. Kombinieren (JS, CSS) und Sprites wo möglich!
Weniger ist mehr!
Für alles andere: Asynchrone Requests wann immer mgl.
HTML5 async, JS Workarounds und / oder Loader verwenden:
Mehr: http://pa.ag/18o8War
Schön, abwechslungsreich, bunt und… langsam!
#2 Custom Webfonts
57% aller Webseiten nutzen nicht-Standard-Schriften
Das Ergebnis: 114 KB Datenvolumen bei avg. zus. 2,9 HTTP Requests!
Quelle: http://pa.ag/1BRUnbe
Klassisches Szenario: Einbinden als (externes) CSS File
Sehr einfach einzusetzen, großer Nachteil: CSS ist Render-Blocking!
Custom Font mittels Fontloader laden
webfont.js ist Googles Lösungsvorschlag (Asnyc JS lädt dann CSS):
Leider mit wenig Erfolg und einem anderen Problem:
FOUT (Flash of unstyled Text) = nerviges Flackern!
Fighting the FOUT: http://pa.ag/1BRWMmu
Credits: http://pa.ag/1GakitY & http://pa.ag/1NDXCVi
Gezieltes „vorab laden“ von DNS, Ressourcen & ganzen Seiten
#3 Pre-Fetching & -Rendering
The Pre*-Party at-a-glance:
Stolen from Ilya Grigorik: http://pa.ag/1MV4KAk
NetDoktor.de Request Breakdown (Waterfall-View)
Der DNS-Lookup auf den Asset-Server (static.netdoktor.de) dauert 333ms
DNS Pre-Fetching im <head>: 81ms = 75% Ersparnis
Super nützlich für Ressourcen anderer Hosts, die später genutzt werden!
Chrome lädt eure Top-10 Hosts bei jedem Start!
Einfach mal mit chrome://dns eure Top Destinations anschauen:
Noch einen Schritt weiter: Pre-Connect bei HTTPS
Nicht nur den DNS auflösen; auch den TLS-Handshake durchführen:
Gezieltes Vorladen von einzelnen Ressourcen
Prefetch (für Folgeseiten ):
• Wird nur im Browser-Leerlauf (mit geringer Prio) ausgeführt
• Einsatz: Bilder, JS & CSS herunterladen & cachen.
• Bei langsamen Verbindungen werden große Dateien u.U. ignoriert.
Subresource (für die aktuelle Seite):
• Funktioniert derzeit nur im Chrome
• Möglichst zu Beginn im Mark-Up nutzen
• Analog zu Prefetch, aber hohe Prio, daher nur verwenden, wenn das File wirklich nötig ist!
Das nächste Bild in einer Bildergalerie / großes Bild in einem Zoom
HTML Fragmente (bspw. Boxen / Layer) für kritische Ziele (Signup / -in)
Was könnte ich prefetchen?
Pre-Rendering: Vorladen ganzer Websites!
Wenn ich weiß, wohin mein Besucher navigieren wird:
Prerender:
• Aktuell nur im Chrome & IE/Edge möglich
• Lädt die Folgeseite inkl. aller Ressourcen und legt diese in den Cache
• Nur für GET-Requests und extrem ressourcenintensiv – use with care!
Prefetch & Prerender:
• Kombinierte Verwendung für bessere Browser Kompatibilität
• FF führt Prefetch aus, Chrome & IE nutzen die Prerender Anweisung
Den Warenkorb (od. Checkout), wenn ein Artikel hineingelegt wird.
Die Folgeseite eines mehrseitigen Artikels.
Was könnte ich prerendern?
Eine JavaScript API für Sichtbarkeitszustände des Browsers
#4 Page Visibility API
visibilitychange-Events für Sichtbarkeitszustände
Schaut der User meine Website an oder ist diese nur im Hintergrund offen?
“The API lets you know when a webpage is
visible or in focus. […] there is a reasonable
chance that any given webpage is in the
background and thus not visible to the user.
When the user minimizes the webpage or moves
to another tab, the API sends an event
regarding the visibility of the page.”
Mehr lesen: http://pa.ag/1Nysd6K
Die Pre*-Party kann euch euer Analytics ruinieren!
Akkurateres Tracking
JS erst ausführen, wenn die Seite wirklich sichtbar ist (non-Prerender).
Eventbasiertes Laden von Elementen
Browser Support für die Page Visibility API
Vollständiger Support in allen wichtigen Browsern!
Quelle: http://caniuse.com/#feat=pagevisibility
Top Qualität, effiziente(re) Komprimierung, kleinere Dateien, etc.
#5 Neue Bildformate
62% des Webtraffics sind Bildmaterial!
… und 51% aller URLs laden mehr als 40 Bilder (pro Aufruf)
Quelle: http://pa.ag/1SGDOEo
WebP: Googles Alternative zu JPEG, PNG & GIF
Lossy & lossless Komprimierung, Transparenz, Metadaten & Farbprofile,
Animationen & deutlich kleiner (30% vs. JPEG, 80% vs. PNG)!
Alles zu WebP: : http://pa.ag/1EpFWeN
Wir sind noch nicht „ganz“ da…
Derzeit nativ leider nur für Chrome, Opera und auf Android Browsern!
Quelle: http://caniuse.com/#feat=webp
WebP trotzdem nutzen: On-the-fly Replacement
PNG & JPEG Bilder per Rewrite (z.B. via .htaccess) austauschen:
WebP trotzdem nutzen: On-the-fly Replacement
PNG & JPEG Bilder per Rewrite (z.B. via .htaccess) austauschen:
VS.
Bei neuen Templates: HTML5 & <picture> verwenden!
Browser, die <picture> nicht unterstützen, ignorieren selbiges & auch <source>
Browser, die WebP nicht unterstützen, verwenden das Fallback <img>
Weitere Infos: http://responsiveimages.org/
Das letzte Wort ist noch nicht gesprochen: FLIF, BPG, etc.
(Links: Dateigröße im Vergleich zum Original-PNG)
Mehr lesen: http://pa.ag/1S5OQmX
Insbesondere zwei Themen sind aktuell „hot“…!
Was gibt‘s Neues? #perfmatters
Google‘s „Accelerated Mobile Pages“ für schnellere, mobile Webseiten
#6 Das AMP Projekt
AMP: Kastriertes HTML für maximale Performance!
Google ist Geschwindigkeit deutlich wichtiger als (HTML-) Features
Mehr: https://www.ampproject.org/
• Modifiziertes HTML Mark-Up mit diversen Änderungen
• Herkömmliche HTML Tags, wie <script> sind verboten,
andere wie bspw. <img> werden durch spezielle AMP
Tags, z.B. <amp-img> ersetzt
• AMP Funktionalität durch standardisierten Dokument-
aufbau und eine AMP JS Library für maximal
effizientes Pre-Rendering bzw. Caching
Ein Standarddokument mit AMP HTML Mark-Up:
Vordefinierter Aufbau sowie diverse Restriktionen:
How to write AMP Mark-Up: http://pa.ag/1MN9I1X
• start with the doctype <!doctype html>.
• contain a top-level <html> tag (<html amp> is OK as well).
• contain <head> and <body> tags
• contain a <link rel="canonical" href="$SOME_URL" />
tag inside head that points to the regular HTML version
or to itself if no such HTML version exists
• contain a <meta charset="utf-8"> tag as the first child
• contain a “meta viewport” & “initial-scale=1”
• contain a <script async
src="https://cdn.ampproject.org/v0.js"></script> tag as
the last element in their head.
• contain a <style> attribute setting various defaults
Wie sieht das in den Suchergebnissen aus?
Testlink öffnen, Schlagzeilen suchen, swipen (keine Schlagzeilen = keine AMPs)
Testlink (nur auf Mobilgeräten): http://g.co/ampdemo
Restriktionen?! Gefühlt wie damals mit HTML 2.0!
Restriktionen: http://pa.ag/1ObU4fH
It doesn‘t feel open, it feels very closed!
Sehr lesenswerter Artikel von Joost de Valk:
There are, for instance, specific tags for YouTube and Twitter. To
get your tag in AMP you’ll have to apply […]. The same is true for
most advertising formats: only 5 ad platforms are supported, 2 of
which are owned by Google.
Currently there is no info to be found on […] the process of
applying for new tags or ad formats, or other things […] It doesn’t
feel “open”, it feels very closed.
Mehr lesen: https://yoast.com/weekly-seo-recap-41/
Mehr lesen: http://pa.ag/1WW4uaN & http://pa.ag/1H4NacR
Und das Allerschlimmste?
Meine Prognose: Im Laufe von 2016 wird Google Folgendes ankündigen:
We are using AMP in mobile search rankings:
You may have heard that here at Google we're
obsessed with speed. As part of that effort,
today we're including a new signal in our search
ranking algorithms: The usage of accelerated
mobile pages (AMP) for even faster results in
mobile search results!
Das neue Protokoll des WWWs
#7 Das HTTP/2 Protokoll
Browser Support: HTTP/2 ist angekommen!
1 = IE nur mit Win 10; 2 = nur mit HTTPS
Quelle: http://caniuse.com/#feat=http2
Server Support: HTTP/2 mit 80%+ Marktabdeckung
Apache 2, nginx, IIS, Netty, Jetty, Squid & 50 andere sind verfügbar!
Quellen: http://pa.ag/1Pwa8fy & http://pa.ag/1Pwa8fy
Demo-Time: 200 „kleine“ Bilder im Protokollvergleich:
Bspw. priorisierte Bundles von Requests bringen massive Verbesserungen!
Ausprobieren: http://www.http2demo.io/ & https://http2.akamai.com/demo
Was bringt‘s für eure Website? Einfach ausprobieren:
Alle Assets werden heruntergeladen & im Direktvergleich ausgeliefert.
Ausprobieren: http://http2.loadimpact.com/entry/
Googlebot mit HTTP/2 Support zum Jahreswechsel!
Noch(!) kein Vorteil bei der Auslieferung an Googles Crawler, aber:
Quelle: http://pa.ag/1HTJCF4
Bastian Grimm
bg@peakace.de
twitter.com/peakaceag
facebook.com/peakaceag
peakace.de
http://pa.ag/seokomm2015
Folien zum Herunterladen:

Weitere ähnliche Inhalte

Was ist angesagt?

Informationsarchitektur & Verlinkung - SMX München 2014
Informationsarchitektur & Verlinkung - SMX München 2014Informationsarchitektur & Verlinkung - SMX München 2014
Informationsarchitektur & Verlinkung - SMX München 2014Bastian Grimm
 
Welcome to a New Reality - SEO goes Mobile First in 2017
Welcome to a New Reality - SEO goes Mobile First in 2017Welcome to a New Reality - SEO goes Mobile First in 2017
Welcome to a New Reality - SEO goes Mobile First in 2017Bastian Grimm
 
Site Speed am Limit - Campixx 2015
Site Speed am Limit - Campixx 2015Site Speed am Limit - Campixx 2015
Site Speed am Limit - Campixx 2015Walter Andreas Pucko
 
Data-driven Technical SEO: Logfile Auditing - SEOkomm 2018
Data-driven Technical SEO: Logfile Auditing - SEOkomm 2018Data-driven Technical SEO: Logfile Auditing - SEOkomm 2018
Data-driven Technical SEO: Logfile Auditing - SEOkomm 2018Bastian Grimm
 
Logfile-Analyse: Wo ver(sch)wendet Google Crawling-Ressourcen? | Stephan Czys...
Logfile-Analyse: Wo ver(sch)wendet Google Crawling-Ressourcen? | Stephan Czys...Logfile-Analyse: Wo ver(sch)wendet Google Crawling-Ressourcen? | Stephan Czys...
Logfile-Analyse: Wo ver(sch)wendet Google Crawling-Ressourcen? | Stephan Czys...TA Trust Agents Internet GmbH
 
Screaming Frog Tricks | SEOKomm 2015
Screaming Frog Tricks | SEOKomm 2015Screaming Frog Tricks | SEOKomm 2015
Screaming Frog Tricks | SEOKomm 2015Mario Träger
 
SEOday Köln 2020 - Surprise, Surprise - 5 SEO secrets
SEOday Köln 2020 - Surprise, Surprise - 5 SEO secretsSEOday Köln 2020 - Surprise, Surprise - 5 SEO secrets
SEOday Köln 2020 - Surprise, Surprise - 5 SEO secretsBastian Grimm
 
Voice search - "Next Big SEO Thing"? oder klassischer Hype?
Voice search - "Next Big SEO Thing"? oder klassischer Hype?Voice search - "Next Big SEO Thing"? oder klassischer Hype?
Voice search - "Next Big SEO Thing"? oder klassischer Hype?Fabian Meister
 
Seokomm 2016 Vortrag - Räume deine Website auf
Seokomm 2016 Vortrag - Räume deine Website auf Seokomm 2016 Vortrag - Räume deine Website auf
Seokomm 2016 Vortrag - Räume deine Website auf Dominik Wojcik
 
Keyword Strategie: Do's & Don'ts bei der Keyword Recherche - SMX München 2017
Keyword Strategie: Do's & Don'ts bei der Keyword Recherche - SMX München 2017Keyword Strategie: Do's & Don'ts bei der Keyword Recherche - SMX München 2017
Keyword Strategie: Do's & Don'ts bei der Keyword Recherche - SMX München 2017Bastian Grimm
 
hreflang SMX München 2016 Eoghan Henn
hreflang SMX München 2016 Eoghan Hennhreflang SMX München 2016 Eoghan Henn
hreflang SMX München 2016 Eoghan HennEoghan Henn
 
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
 
Relaunch & SEO: Best Practice, Checklists, Stolpersteine
Relaunch & SEO: Best Practice, Checklists, StolpersteineRelaunch & SEO: Best Practice, Checklists, Stolpersteine
Relaunch & SEO: Best Practice, Checklists, StolpersteinePhilipp Klöckner
 
SEO: OnPage Optimierungen erfolgreicher Webseiten, Gastvortrag Uni Bayreuth 2013
SEO: OnPage Optimierungen erfolgreicher Webseiten, Gastvortrag Uni Bayreuth 2013SEO: OnPage Optimierungen erfolgreicher Webseiten, Gastvortrag Uni Bayreuth 2013
SEO: OnPage Optimierungen erfolgreicher Webseiten, Gastvortrag Uni Bayreuth 2013Jan Hendrik Merlin Jacob
 
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
 
Digitale Assistenzsysteme - SMX München 2018
Digitale Assistenzsysteme - SMX München 2018Digitale Assistenzsysteme - SMX München 2018
Digitale Assistenzsysteme - SMX München 2018Bastian Grimm
 
Linkrisiko Management - SEOkomm 2013
Linkrisiko Management - SEOkomm 2013Linkrisiko Management - SEOkomm 2013
Linkrisiko Management - SEOkomm 2013Bastian Grimm
 
SEO-Basics: Worauf es bei Suchmaschinenoptimierung wirklich ankommt | Stephan...
SEO-Basics: Worauf es bei Suchmaschinenoptimierung wirklich ankommt | Stephan...SEO-Basics: Worauf es bei Suchmaschinenoptimierung wirklich ankommt | Stephan...
SEO-Basics: Worauf es bei Suchmaschinenoptimierung wirklich ankommt | Stephan...TA Trust Agents Internet GmbH
 
SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach
SEFD - Search Engine Friendly Design - SMX München 2015 Kai SpriestersbachSEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach
SEFD - Search Engine Friendly Design - SMX München 2015 Kai SpriestersbachSEARCH ONE
 
SEOkomm 2019 - André Goldmann - User-Experience-Optimierung für SEOs - Wie du...
SEOkomm 2019 - André Goldmann - User-Experience-Optimierung für SEOs - Wie du...SEOkomm 2019 - André Goldmann - User-Experience-Optimierung für SEOs - Wie du...
SEOkomm 2019 - André Goldmann - User-Experience-Optimierung für SEOs - Wie du...André Goldmann
 

Was ist angesagt? (20)

Informationsarchitektur & Verlinkung - SMX München 2014
Informationsarchitektur & Verlinkung - SMX München 2014Informationsarchitektur & Verlinkung - SMX München 2014
Informationsarchitektur & Verlinkung - SMX München 2014
 
Welcome to a New Reality - SEO goes Mobile First in 2017
Welcome to a New Reality - SEO goes Mobile First in 2017Welcome to a New Reality - SEO goes Mobile First in 2017
Welcome to a New Reality - SEO goes Mobile First in 2017
 
Site Speed am Limit - Campixx 2015
Site Speed am Limit - Campixx 2015Site Speed am Limit - Campixx 2015
Site Speed am Limit - Campixx 2015
 
Data-driven Technical SEO: Logfile Auditing - SEOkomm 2018
Data-driven Technical SEO: Logfile Auditing - SEOkomm 2018Data-driven Technical SEO: Logfile Auditing - SEOkomm 2018
Data-driven Technical SEO: Logfile Auditing - SEOkomm 2018
 
Logfile-Analyse: Wo ver(sch)wendet Google Crawling-Ressourcen? | Stephan Czys...
Logfile-Analyse: Wo ver(sch)wendet Google Crawling-Ressourcen? | Stephan Czys...Logfile-Analyse: Wo ver(sch)wendet Google Crawling-Ressourcen? | Stephan Czys...
Logfile-Analyse: Wo ver(sch)wendet Google Crawling-Ressourcen? | Stephan Czys...
 
Screaming Frog Tricks | SEOKomm 2015
Screaming Frog Tricks | SEOKomm 2015Screaming Frog Tricks | SEOKomm 2015
Screaming Frog Tricks | SEOKomm 2015
 
SEOday Köln 2020 - Surprise, Surprise - 5 SEO secrets
SEOday Köln 2020 - Surprise, Surprise - 5 SEO secretsSEOday Köln 2020 - Surprise, Surprise - 5 SEO secrets
SEOday Köln 2020 - Surprise, Surprise - 5 SEO secrets
 
Voice search - "Next Big SEO Thing"? oder klassischer Hype?
Voice search - "Next Big SEO Thing"? oder klassischer Hype?Voice search - "Next Big SEO Thing"? oder klassischer Hype?
Voice search - "Next Big SEO Thing"? oder klassischer Hype?
 
Seokomm 2016 Vortrag - Räume deine Website auf
Seokomm 2016 Vortrag - Räume deine Website auf Seokomm 2016 Vortrag - Räume deine Website auf
Seokomm 2016 Vortrag - Räume deine Website auf
 
Keyword Strategie: Do's & Don'ts bei der Keyword Recherche - SMX München 2017
Keyword Strategie: Do's & Don'ts bei der Keyword Recherche - SMX München 2017Keyword Strategie: Do's & Don'ts bei der Keyword Recherche - SMX München 2017
Keyword Strategie: Do's & Don'ts bei der Keyword Recherche - SMX München 2017
 
hreflang SMX München 2016 Eoghan Henn
hreflang SMX München 2016 Eoghan Hennhreflang SMX München 2016 Eoghan Henn
hreflang SMX München 2016 Eoghan Henn
 
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
 
Relaunch & SEO: Best Practice, Checklists, Stolpersteine
Relaunch & SEO: Best Practice, Checklists, StolpersteineRelaunch & SEO: Best Practice, Checklists, Stolpersteine
Relaunch & SEO: Best Practice, Checklists, Stolpersteine
 
SEO: OnPage Optimierungen erfolgreicher Webseiten, Gastvortrag Uni Bayreuth 2013
SEO: OnPage Optimierungen erfolgreicher Webseiten, Gastvortrag Uni Bayreuth 2013SEO: OnPage Optimierungen erfolgreicher Webseiten, Gastvortrag Uni Bayreuth 2013
SEO: OnPage Optimierungen erfolgreicher Webseiten, Gastvortrag Uni Bayreuth 2013
 
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
 
Digitale Assistenzsysteme - SMX München 2018
Digitale Assistenzsysteme - SMX München 2018Digitale Assistenzsysteme - SMX München 2018
Digitale Assistenzsysteme - SMX München 2018
 
Linkrisiko Management - SEOkomm 2013
Linkrisiko Management - SEOkomm 2013Linkrisiko Management - SEOkomm 2013
Linkrisiko Management - SEOkomm 2013
 
SEO-Basics: Worauf es bei Suchmaschinenoptimierung wirklich ankommt | Stephan...
SEO-Basics: Worauf es bei Suchmaschinenoptimierung wirklich ankommt | Stephan...SEO-Basics: Worauf es bei Suchmaschinenoptimierung wirklich ankommt | Stephan...
SEO-Basics: Worauf es bei Suchmaschinenoptimierung wirklich ankommt | Stephan...
 
SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach
SEFD - Search Engine Friendly Design - SMX München 2015 Kai SpriestersbachSEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach
SEFD - Search Engine Friendly Design - SMX München 2015 Kai Spriestersbach
 
SEOkomm 2019 - André Goldmann - User-Experience-Optimierung für SEOs - Wie du...
SEOkomm 2019 - André Goldmann - User-Experience-Optimierung für SEOs - Wie du...SEOkomm 2019 - André Goldmann - User-Experience-Optimierung für SEOs - Wie du...
SEOkomm 2019 - André Goldmann - User-Experience-Optimierung für SEOs - Wie du...
 

Andere mochten auch

Technical SEO: 2016 Edition - SEODAY 2016
Technical SEO: 2016 Edition - SEODAY 2016Technical SEO: 2016 Edition - SEODAY 2016
Technical SEO: 2016 Edition - SEODAY 2016Bastian Grimm
 
Technical SEO: 2017 Edition - SEO & Love Verona 2017
Technical SEO: 2017 Edition - SEO & Love Verona 2017Technical SEO: 2017 Edition - SEO & Love Verona 2017
Technical SEO: 2017 Edition - SEO & Love Verona 2017Bastian Grimm
 
Crawl Budget Best Practices - SEODAY 2016
Crawl Budget Best Practices - SEODAY 2016Crawl Budget Best Practices - SEODAY 2016
Crawl Budget Best Practices - SEODAY 2016Bastian Grimm
 
Crawl Budget Optimization - SMX München 2016
Crawl Budget Optimization - SMX München 2016Crawl Budget Optimization - SMX München 2016
Crawl Budget Optimization - SMX München 2016Bastian Grimm
 
International Site Speed Tweaks - ISS 2017 Barcelona
International Site Speed Tweaks - ISS 2017 BarcelonaInternational Site Speed Tweaks - ISS 2017 Barcelona
International Site Speed Tweaks - ISS 2017 BarcelonaBastian Grimm
 
Agility in SEO, by Mike Jeffs - Figaro Digital -Sep 2016
Agility in SEO, by Mike Jeffs - Figaro Digital -Sep 2016Agility in SEO, by Mike Jeffs - Figaro Digital -Sep 2016
Agility in SEO, by Mike Jeffs - Figaro Digital -Sep 2016Branded3
 
How SEO Blinded Me, Then Opened My Eyes
How SEO Blinded Me, Then Opened My EyesHow SEO Blinded Me, Then Opened My Eyes
How SEO Blinded Me, Then Opened My EyesRand Fishkin
 
How Agile Technical SEO Can Add Value To Your SEO Campaign, by Adam Gent
How Agile Technical SEO Can Add Value To Your SEO Campaign, by Adam GentHow Agile Technical SEO Can Add Value To Your SEO Campaign, by Adam Gent
How Agile Technical SEO Can Add Value To Your SEO Campaign, by Adam GentBranded3
 
Stephen Kenwright - London Affiliates Conference
Stephen Kenwright - London Affiliates ConferenceStephen Kenwright - London Affiliates Conference
Stephen Kenwright - London Affiliates ConferenceBranded3
 
Quo Vadis SEO (Die Zukunft des SEO) - SEOkomm Salzburg 2016
Quo Vadis SEO (Die Zukunft des SEO) - SEOkomm Salzburg 2016Quo Vadis SEO (Die Zukunft des SEO) - SEOkomm Salzburg 2016
Quo Vadis SEO (Die Zukunft des SEO) - SEOkomm Salzburg 2016Bastian Grimm
 
AWS Black Belt Techシリーズ AWS OpsWorks
AWS Black Belt Techシリーズ  AWS OpsWorksAWS Black Belt Techシリーズ  AWS OpsWorks
AWS Black Belt Techシリーズ AWS OpsWorksAmazon Web Services Japan
 
The Psychology Behind Pair Designing
The Psychology Behind Pair DesigningThe Psychology Behind Pair Designing
The Psychology Behind Pair DesigningKarl Dotter
 
SAP Inside Track Wroclow - Bluetooth the World
SAP Inside Track Wroclow - Bluetooth the WorldSAP Inside Track Wroclow - Bluetooth the World
SAP Inside Track Wroclow - Bluetooth the WorldCraig Cmehil
 
Breeam lezing knv koeltechniek jan2014
Breeam lezing knv koeltechniek jan2014Breeam lezing knv koeltechniek jan2014
Breeam lezing knv koeltechniek jan2014Olaf Buter
 
Venture-Capital-Broschüre. Wenn Ideen groß werden
Venture-Capital-Broschüre. Wenn Ideen groß werdenVenture-Capital-Broschüre. Wenn Ideen groß werden
Venture-Capital-Broschüre. Wenn Ideen groß werdenBVK
 
Due diligence for early stage investing
Due diligence for early stage investingDue diligence for early stage investing
Due diligence for early stage investingFunderNation
 
Online Karrieretag Hamburg 2013 - eBay, Inc overview for young professionals
Online Karrieretag Hamburg 2013 - eBay, Inc overview for young professionalsOnline Karrieretag Hamburg 2013 - eBay, Inc overview for young professionals
Online Karrieretag Hamburg 2013 - eBay, Inc overview for young professionalsHolger Spielberg
 

Andere mochten auch (20)

Technical SEO: 2016 Edition - SEODAY 2016
Technical SEO: 2016 Edition - SEODAY 2016Technical SEO: 2016 Edition - SEODAY 2016
Technical SEO: 2016 Edition - SEODAY 2016
 
Technical SEO: 2017 Edition - SEO & Love Verona 2017
Technical SEO: 2017 Edition - SEO & Love Verona 2017Technical SEO: 2017 Edition - SEO & Love Verona 2017
Technical SEO: 2017 Edition - SEO & Love Verona 2017
 
Crawl Budget Best Practices - SEODAY 2016
Crawl Budget Best Practices - SEODAY 2016Crawl Budget Best Practices - SEODAY 2016
Crawl Budget Best Practices - SEODAY 2016
 
Crawl Budget Optimization - SMX München 2016
Crawl Budget Optimization - SMX München 2016Crawl Budget Optimization - SMX München 2016
Crawl Budget Optimization - SMX München 2016
 
International Site Speed Tweaks - ISS 2017 Barcelona
International Site Speed Tweaks - ISS 2017 BarcelonaInternational Site Speed Tweaks - ISS 2017 Barcelona
International Site Speed Tweaks - ISS 2017 Barcelona
 
Agility in SEO, by Mike Jeffs - Figaro Digital -Sep 2016
Agility in SEO, by Mike Jeffs - Figaro Digital -Sep 2016Agility in SEO, by Mike Jeffs - Figaro Digital -Sep 2016
Agility in SEO, by Mike Jeffs - Figaro Digital -Sep 2016
 
How SEO Blinded Me, Then Opened My Eyes
How SEO Blinded Me, Then Opened My EyesHow SEO Blinded Me, Then Opened My Eyes
How SEO Blinded Me, Then Opened My Eyes
 
How Agile Technical SEO Can Add Value To Your SEO Campaign, by Adam Gent
How Agile Technical SEO Can Add Value To Your SEO Campaign, by Adam GentHow Agile Technical SEO Can Add Value To Your SEO Campaign, by Adam Gent
How Agile Technical SEO Can Add Value To Your SEO Campaign, by Adam Gent
 
Stephen Kenwright - London Affiliates Conference
Stephen Kenwright - London Affiliates ConferenceStephen Kenwright - London Affiliates Conference
Stephen Kenwright - London Affiliates Conference
 
Quo Vadis SEO (Die Zukunft des SEO) - SEOkomm Salzburg 2016
Quo Vadis SEO (Die Zukunft des SEO) - SEOkomm Salzburg 2016Quo Vadis SEO (Die Zukunft des SEO) - SEOkomm Salzburg 2016
Quo Vadis SEO (Die Zukunft des SEO) - SEOkomm Salzburg 2016
 
dda-12-2009
dda-12-2009dda-12-2009
dda-12-2009
 
Foliensatz der RWTH 2014
Foliensatz der RWTH 2014Foliensatz der RWTH 2014
Foliensatz der RWTH 2014
 
AWS Black Belt Techシリーズ AWS OpsWorks
AWS Black Belt Techシリーズ  AWS OpsWorksAWS Black Belt Techシリーズ  AWS OpsWorks
AWS Black Belt Techシリーズ AWS OpsWorks
 
The Psychology Behind Pair Designing
The Psychology Behind Pair DesigningThe Psychology Behind Pair Designing
The Psychology Behind Pair Designing
 
SAP Inside Track Wroclow - Bluetooth the World
SAP Inside Track Wroclow - Bluetooth the WorldSAP Inside Track Wroclow - Bluetooth the World
SAP Inside Track Wroclow - Bluetooth the World
 
Breeam lezing knv koeltechniek jan2014
Breeam lezing knv koeltechniek jan2014Breeam lezing knv koeltechniek jan2014
Breeam lezing knv koeltechniek jan2014
 
Matter March 2015
Matter March 2015Matter March 2015
Matter March 2015
 
Venture-Capital-Broschüre. Wenn Ideen groß werden
Venture-Capital-Broschüre. Wenn Ideen groß werdenVenture-Capital-Broschüre. Wenn Ideen groß werden
Venture-Capital-Broschüre. Wenn Ideen groß werden
 
Due diligence for early stage investing
Due diligence for early stage investingDue diligence for early stage investing
Due diligence for early stage investing
 
Online Karrieretag Hamburg 2013 - eBay, Inc overview for young professionals
Online Karrieretag Hamburg 2013 - eBay, Inc overview for young professionalsOnline Karrieretag Hamburg 2013 - eBay, Inc overview for young professionals
Online Karrieretag Hamburg 2013 - eBay, Inc overview for young professionals
 

Ähnlich wie Mehr Pagespeed geht nicht - SEOkomm 2015

Frontend-Performance mit PHP
Frontend-Performance mit PHPFrontend-Performance mit PHP
Frontend-Performance mit PHPFrank Kleine
 
Frontend-Performance @ IPC
Frontend-Performance @ IPCFrontend-Performance @ IPC
Frontend-Performance @ IPCNico Steiner
 
Smartes SEO Monitoring & Alerting mit Apps Scripts [DE] - John Muñoz
Smartes SEO Monitoring & Alerting mit Apps Scripts [DE] - John MuñozSmartes SEO Monitoring & Alerting mit Apps Scripts [DE] - John Muñoz
Smartes SEO Monitoring & Alerting mit Apps Scripts [DE] - John MuñozJohn Muñoz
 
Frontend Performance
Frontend PerformanceFrontend Performance
Frontend PerformanceNico Steiner
 
JavaScript SEO - Crawling, Indexierung und Auditing von JavaScript-Websites -...
JavaScript SEO - Crawling, Indexierung und Auditing von JavaScript-Websites -...JavaScript SEO - Crawling, Indexierung und Auditing von JavaScript-Websites -...
JavaScript SEO - Crawling, Indexierung und Auditing von JavaScript-Websites -...Artur Kosch
 
OMWest Barcamp 2018: Onpage SEO im Griff: Alerting und Monitoring für SEOs
OMWest Barcamp 2018: Onpage SEO im Griff: Alerting und Monitoring für SEOsOMWest Barcamp 2018: Onpage SEO im Griff: Alerting und Monitoring für SEOs
OMWest Barcamp 2018: Onpage SEO im Griff: Alerting und Monitoring für SEOsget traction GmbH
 
Performance-Optimierung für CMS getriebene Websites.
Performance-Optimierung für CMS getriebene Websites.Performance-Optimierung für CMS getriebene Websites.
Performance-Optimierung für CMS getriebene Websites.Bokowsky + Laymann GmbH
 
Critical Rendering Path SEO Campixx 2015
Critical Rendering Path SEO Campixx 2015Critical Rendering Path SEO Campixx 2015
Critical Rendering Path SEO Campixx 2015Daniel Gerlach
 
Ladezeiten Verbessern - Css Und JavaScript Komprimieren
Ladezeiten Verbessern - Css Und JavaScript KomprimierenLadezeiten Verbessern - Css Und JavaScript Komprimieren
Ladezeiten Verbessern - Css Und JavaScript KomprimierenJoomla! User Group Fulda
 
JAMstack / Static Site Generators
JAMstack / Static Site GeneratorsJAMstack / Static Site Generators
JAMstack / Static Site GeneratorsDietrichRordorf
 
Echte Lösungen, keine Tricks
Echte Lösungen, keine TricksEchte Lösungen, keine Tricks
Echte Lösungen, keine TricksJens Grochtdreis
 
SEO für Magento Commerce - SEOkomm 2011
SEO für Magento Commerce - SEOkomm 2011SEO für Magento Commerce - SEOkomm 2011
SEO für Magento Commerce - SEOkomm 2011formaremedia
 
Performance. Webmontag. Frankfurt.
Performance. Webmontag. Frankfurt.Performance. Webmontag. Frankfurt.
Performance. Webmontag. Frankfurt.Martin Kliehm
 
Website Optimierungen
Website OptimierungenWebsite Optimierungen
Website Optimierungenguest5d1fb2
 
SDC2011: Web Performance Optimization
SDC2011: Web Performance OptimizationSDC2011: Web Performance Optimization
SDC2011: Web Performance OptimizationJakob
 
Frontend Performance @ Hochschule der Medien Stuttgart
Frontend Performance @ Hochschule der Medien StuttgartFrontend Performance @ Hochschule der Medien Stuttgart
Frontend Performance @ Hochschule der Medien StuttgartJakob
 
Onpage SEO im Griff: Alerting und Monitoring für SEOs
Onpage SEO im Griff: Alerting und Monitoring für SEOsOnpage SEO im Griff: Alerting und Monitoring für SEOs
Onpage SEO im Griff: Alerting und Monitoring für SEOsget traction GmbH
 
Google - Mobil-First-Index @SEO-Campixx 2018 | Maximilian Bloch
Google - Mobil-First-Index @SEO-Campixx 2018 | Maximilian BlochGoogle - Mobil-First-Index @SEO-Campixx 2018 | Maximilian Bloch
Google - Mobil-First-Index @SEO-Campixx 2018 | Maximilian BlochMaximilian Bloch
 
PageSpeed für Einsteiger SEO Day 2014
PageSpeed für Einsteiger SEO Day 2014PageSpeed für Einsteiger SEO Day 2014
PageSpeed für Einsteiger SEO Day 2014Franz Hernschier
 

Ähnlich wie Mehr Pagespeed geht nicht - SEOkomm 2015 (20)

Frontend-Performance mit PHP
Frontend-Performance mit PHPFrontend-Performance mit PHP
Frontend-Performance mit PHP
 
Frontend-Performance @ IPC
Frontend-Performance @ IPCFrontend-Performance @ IPC
Frontend-Performance @ IPC
 
Smartes SEO Monitoring & Alerting mit Apps Scripts [DE] - John Muñoz
Smartes SEO Monitoring & Alerting mit Apps Scripts [DE] - John MuñozSmartes SEO Monitoring & Alerting mit Apps Scripts [DE] - John Muñoz
Smartes SEO Monitoring & Alerting mit Apps Scripts [DE] - John Muñoz
 
Frontend Performance
Frontend PerformanceFrontend Performance
Frontend Performance
 
JavaScript SEO - Crawling, Indexierung und Auditing von JavaScript-Websites -...
JavaScript SEO - Crawling, Indexierung und Auditing von JavaScript-Websites -...JavaScript SEO - Crawling, Indexierung und Auditing von JavaScript-Websites -...
JavaScript SEO - Crawling, Indexierung und Auditing von JavaScript-Websites -...
 
OMWest Barcamp 2018: Onpage SEO im Griff: Alerting und Monitoring für SEOs
OMWest Barcamp 2018: Onpage SEO im Griff: Alerting und Monitoring für SEOsOMWest Barcamp 2018: Onpage SEO im Griff: Alerting und Monitoring für SEOs
OMWest Barcamp 2018: Onpage SEO im Griff: Alerting und Monitoring für SEOs
 
Performance-Optimierung für CMS getriebene Websites.
Performance-Optimierung für CMS getriebene Websites.Performance-Optimierung für CMS getriebene Websites.
Performance-Optimierung für CMS getriebene Websites.
 
Critical Rendering Path SEO Campixx 2015
Critical Rendering Path SEO Campixx 2015Critical Rendering Path SEO Campixx 2015
Critical Rendering Path SEO Campixx 2015
 
Ladezeiten Verbessern - Css Und JavaScript Komprimieren
Ladezeiten Verbessern - Css Und JavaScript KomprimierenLadezeiten Verbessern - Css Und JavaScript Komprimieren
Ladezeiten Verbessern - Css Und JavaScript Komprimieren
 
JAMstack / Static Site Generators
JAMstack / Static Site GeneratorsJAMstack / Static Site Generators
JAMstack / Static Site Generators
 
Echte Lösungen, keine Tricks
Echte Lösungen, keine TricksEchte Lösungen, keine Tricks
Echte Lösungen, keine Tricks
 
SEO für Magento Commerce - SEOkomm 2011
SEO für Magento Commerce - SEOkomm 2011SEO für Magento Commerce - SEOkomm 2011
SEO für Magento Commerce - SEOkomm 2011
 
Shopleiter Magazin Nr. 3 - SEO-, SEM- und eCommerce-Tipps
Shopleiter Magazin Nr. 3 - SEO-, SEM- und eCommerce-TippsShopleiter Magazin Nr. 3 - SEO-, SEM- und eCommerce-Tipps
Shopleiter Magazin Nr. 3 - SEO-, SEM- und eCommerce-Tipps
 
Performance. Webmontag. Frankfurt.
Performance. Webmontag. Frankfurt.Performance. Webmontag. Frankfurt.
Performance. Webmontag. Frankfurt.
 
Website Optimierungen
Website OptimierungenWebsite Optimierungen
Website Optimierungen
 
SDC2011: Web Performance Optimization
SDC2011: Web Performance OptimizationSDC2011: Web Performance Optimization
SDC2011: Web Performance Optimization
 
Frontend Performance @ Hochschule der Medien Stuttgart
Frontend Performance @ Hochschule der Medien StuttgartFrontend Performance @ Hochschule der Medien Stuttgart
Frontend Performance @ Hochschule der Medien Stuttgart
 
Onpage SEO im Griff: Alerting und Monitoring für SEOs
Onpage SEO im Griff: Alerting und Monitoring für SEOsOnpage SEO im Griff: Alerting und Monitoring für SEOs
Onpage SEO im Griff: Alerting und Monitoring für SEOs
 
Google - Mobil-First-Index @SEO-Campixx 2018 | Maximilian Bloch
Google - Mobil-First-Index @SEO-Campixx 2018 | Maximilian BlochGoogle - Mobil-First-Index @SEO-Campixx 2018 | Maximilian Bloch
Google - Mobil-First-Index @SEO-Campixx 2018 | Maximilian Bloch
 
PageSpeed für Einsteiger SEO Day 2014
PageSpeed für Einsteiger SEO Day 2014PageSpeed für Einsteiger SEO Day 2014
PageSpeed für Einsteiger SEO Day 2014
 

Mehr von Bastian Grimm

Migration Best Practices - Peak Ace on Air
Migration Best Practices - Peak Ace on AirMigration Best Practices - Peak Ace on Air
Migration Best Practices - Peak Ace on AirBastian Grimm
 
Technical SEO vs. User Experience - Bastian Grimm, Peak Ace AG
Technical SEO vs. User Experience - Bastian Grimm, Peak Ace AGTechnical SEO vs. User Experience - Bastian Grimm, Peak Ace AG
Technical SEO vs. User Experience - Bastian Grimm, Peak Ace AGBastian Grimm
 
Advanced data-driven technical SEO - SMX London 2019
Advanced data-driven technical SEO - SMX London 2019Advanced data-driven technical SEO - SMX London 2019
Advanced data-driven technical SEO - SMX London 2019Bastian Grimm
 
Migration Best Practices - SMX West 2019
Migration Best Practices - SMX West 2019Migration Best Practices - SMX West 2019
Migration Best Practices - SMX West 2019Bastian Grimm
 
Migration Best Practices - Search Y 2019, Paris
Migration Best Practices - Search Y 2019, ParisMigration Best Practices - Search Y 2019, Paris
Migration Best Practices - Search Y 2019, ParisBastian Grimm
 
Migration Best Practices - SEOkomm 2018
Migration Best Practices - SEOkomm 2018Migration Best Practices - SEOkomm 2018
Migration Best Practices - SEOkomm 2018Bastian Grimm
 
The need for Speed: Advanced #webperf - SEOday 2018
The need for Speed: Advanced #webperf - SEOday 2018The need for Speed: Advanced #webperf - SEOday 2018
The need for Speed: Advanced #webperf - SEOday 2018Bastian Grimm
 
OK Google, Whats next? - OMT Wiesbaden 2018
OK Google, Whats next? - OMT Wiesbaden 2018OK Google, Whats next? - OMT Wiesbaden 2018
OK Google, Whats next? - OMT Wiesbaden 2018Bastian Grimm
 
Super speed around the globe - SearchLeeds 2018
Super speed around the globe - SearchLeeds 2018Super speed around the globe - SearchLeeds 2018
Super speed around the globe - SearchLeeds 2018Bastian Grimm
 
Migration Best Practices - SMX London 2018
Migration Best Practices - SMX London 2018Migration Best Practices - SMX London 2018
Migration Best Practices - SMX London 2018Bastian Grimm
 
Welcome to a new reality - DeepCrawl Webinar 2018
Welcome to a new reality - DeepCrawl Webinar 2018Welcome to a new reality - DeepCrawl Webinar 2018
Welcome to a new reality - DeepCrawl Webinar 2018Bastian Grimm
 
Web Performance Madness - brightonSEO 2018
Web Performance Madness - brightonSEO 2018Web Performance Madness - brightonSEO 2018
Web Performance Madness - brightonSEO 2018Bastian Grimm
 
AMP - SMX München 2018
AMP - SMX München 2018AMP - SMX München 2018
AMP - SMX München 2018Bastian Grimm
 
How fast is fast enough - SMX West 2018
How fast is fast enough - SMX West 2018How fast is fast enough - SMX West 2018
How fast is fast enough - SMX West 2018Bastian Grimm
 
Whats Next in SEO & CRO - 3XE Conference 2018 Dublin
Whats Next in SEO & CRO - 3XE Conference 2018 DublinWhats Next in SEO & CRO - 3XE Conference 2018 Dublin
Whats Next in SEO & CRO - 3XE Conference 2018 DublinBastian Grimm
 
Migration Best-Practices: Successfully re-launching your website - SMX New Yo...
Migration Best-Practices: Successfully re-launching your website - SMX New Yo...Migration Best-Practices: Successfully re-launching your website - SMX New Yo...
Migration Best-Practices: Successfully re-launching your website - SMX New Yo...Bastian Grimm
 
Three site speed optimisation tips to make your website REALLY fast - Brighto...
Three site speed optimisation tips to make your website REALLY fast - Brighto...Three site speed optimisation tips to make your website REALLY fast - Brighto...
Three site speed optimisation tips to make your website REALLY fast - Brighto...Bastian Grimm
 

Mehr von Bastian Grimm (17)

Migration Best Practices - Peak Ace on Air
Migration Best Practices - Peak Ace on AirMigration Best Practices - Peak Ace on Air
Migration Best Practices - Peak Ace on Air
 
Technical SEO vs. User Experience - Bastian Grimm, Peak Ace AG
Technical SEO vs. User Experience - Bastian Grimm, Peak Ace AGTechnical SEO vs. User Experience - Bastian Grimm, Peak Ace AG
Technical SEO vs. User Experience - Bastian Grimm, Peak Ace AG
 
Advanced data-driven technical SEO - SMX London 2019
Advanced data-driven technical SEO - SMX London 2019Advanced data-driven technical SEO - SMX London 2019
Advanced data-driven technical SEO - SMX London 2019
 
Migration Best Practices - SMX West 2019
Migration Best Practices - SMX West 2019Migration Best Practices - SMX West 2019
Migration Best Practices - SMX West 2019
 
Migration Best Practices - Search Y 2019, Paris
Migration Best Practices - Search Y 2019, ParisMigration Best Practices - Search Y 2019, Paris
Migration Best Practices - Search Y 2019, Paris
 
Migration Best Practices - SEOkomm 2018
Migration Best Practices - SEOkomm 2018Migration Best Practices - SEOkomm 2018
Migration Best Practices - SEOkomm 2018
 
The need for Speed: Advanced #webperf - SEOday 2018
The need for Speed: Advanced #webperf - SEOday 2018The need for Speed: Advanced #webperf - SEOday 2018
The need for Speed: Advanced #webperf - SEOday 2018
 
OK Google, Whats next? - OMT Wiesbaden 2018
OK Google, Whats next? - OMT Wiesbaden 2018OK Google, Whats next? - OMT Wiesbaden 2018
OK Google, Whats next? - OMT Wiesbaden 2018
 
Super speed around the globe - SearchLeeds 2018
Super speed around the globe - SearchLeeds 2018Super speed around the globe - SearchLeeds 2018
Super speed around the globe - SearchLeeds 2018
 
Migration Best Practices - SMX London 2018
Migration Best Practices - SMX London 2018Migration Best Practices - SMX London 2018
Migration Best Practices - SMX London 2018
 
Welcome to a new reality - DeepCrawl Webinar 2018
Welcome to a new reality - DeepCrawl Webinar 2018Welcome to a new reality - DeepCrawl Webinar 2018
Welcome to a new reality - DeepCrawl Webinar 2018
 
Web Performance Madness - brightonSEO 2018
Web Performance Madness - brightonSEO 2018Web Performance Madness - brightonSEO 2018
Web Performance Madness - brightonSEO 2018
 
AMP - SMX München 2018
AMP - SMX München 2018AMP - SMX München 2018
AMP - SMX München 2018
 
How fast is fast enough - SMX West 2018
How fast is fast enough - SMX West 2018How fast is fast enough - SMX West 2018
How fast is fast enough - SMX West 2018
 
Whats Next in SEO & CRO - 3XE Conference 2018 Dublin
Whats Next in SEO & CRO - 3XE Conference 2018 DublinWhats Next in SEO & CRO - 3XE Conference 2018 Dublin
Whats Next in SEO & CRO - 3XE Conference 2018 Dublin
 
Migration Best-Practices: Successfully re-launching your website - SMX New Yo...
Migration Best-Practices: Successfully re-launching your website - SMX New Yo...Migration Best-Practices: Successfully re-launching your website - SMX New Yo...
Migration Best-Practices: Successfully re-launching your website - SMX New Yo...
 
Three site speed optimisation tips to make your website REALLY fast - Brighto...
Three site speed optimisation tips to make your website REALLY fast - Brighto...Three site speed optimisation tips to make your website REALLY fast - Brighto...
Three site speed optimisation tips to make your website REALLY fast - Brighto...
 

Mehr Pagespeed geht nicht - SEOkomm 2015

  • 1. Bastian Grimm, Peak Ace AG | @basgr Mehr (Page-) Speed geht nicht… Ein Blick in die Zukunft der Ladezeiten-Optimierung
  • 2. Ich bin ein extrem ungeduldiger Mensch… Ladezeit ist ein User Experience Thema!
  • 4. 5 Fakten in max. 2 Minuten…! Keine Basics, aber ein kurzer Recap:
  • 5. Google nutzt Ladezeit als Ranking Signal… … und das bereits seit 2010! Mehr lesen: http://pa.ag/1t4xVs6
  • 6. Die Top-4 sind deutlich schneller als der Wettbewerb! Seiten mit “gutem SEO” kümmern sich offenbar auch um Sitespeed? Searchmetrics Ranking Factors 2014 (US): http://pa.ag/10cZuU2
  • 7. Die Erwartungshaltung eurer User ist klar: Langsame Ladezeiten bedeuten sofort einen Trafficverlust! “A report from Nielsen has revealed that 47% of people expect a website to load within 2 seconds, and 40% will leave a website if it does not load fully within 3 seconds.” Mehr lesen: http://pa.ag/1Rk8dIf
  • 8. Quelle: http://pa.ag/1w8IYwq Bereits 100ms machen einen (großen) Unterschied! Amazon = 1%+ mehr Umsatz pro 100ms 1 Sekunde Verzögerung = -11% Pageviews & -7% Conversions
  • 9. Google misst die Return-to-SERP-Rate… In Kombination (CTR, ToS) ist diese ebenso ein (indirekter) Rankingfaktor!
  • 10. …und forciert das Thema Site Speed immer wieder: Quelle: http://pa.ag/1cWFCtY
  • 11. Die Themen des letzten Jahres sind weiterhin wichtig: Zu den Folien auf Slideshare: http://pa.ag/seokomm-speed • Optimierung des Critical Rendering Path (Google interessiert zu aller erst der direkt sichtbare Bereich!) • CSS & JavaScript Dateien verkleinern (minify) • Bilder optimieren: Sprites verwenden und Overhead bei JPG & PNGs reduzieren (Metadaten, etc.) • Effektives Caching & serverseitige Komprimierung • Schlankes Mark-Up (keine Kommentare, inline von CSS / JS nur wo es wirklich sinnvoll ist) • CDN bzw. Asset-Server (sowie Cookie-less Domains) zum Parallelisieren von Downloads verwenden • etc.
  • 12. … dennoch drei kurze Anmerkungen dazu: Wir sprechen heute nicht über Tools…
  • 13. Google PageSpeed Insights als Startpunkt Freies, web-basiertes Tool von Google, um eine Seite anhand diverser Regeln und Best-Practices zu messen Jetzt ausprobieren: https://developers.google.com/speed/pagespeed/insights/
  • 14. Was wirklich zählt? Zeit statt Note! Vollständiger Artikel: http://pa.ag/1KjZuQQ
  • 15. webpagetest.org – mit allen Funktionen: Alles auf einen Blick: TTFB, Keep-Alive, Compression & Caching, Image Usage, CDN & Wasserfall-Diagramme
  • 16. Wenn schon Google Daten, dann aus der Search Console Habt diese Daten immer im Blick, sowas sollte nicht passieren! Seiten / Tag Zeit / Download
  • 17. Kostenloses Dashboard von sitespeed.io Daten im zeitlichen Verlauf, Wettbewerbsvergleich, uvm. Jetzt ausprobieren: http://pa.ag/1PuN012
  • 18. Genug davon, auf geht‘s!
  • 19. Anzahl von Requests, Blocking vs. non-Blocking, Asynchron, etc. #1 HTTP Anfragen optimieren
  • 20. Wenn man 23 CSS & JS Dateien lädt, ist das Scheisse! Deichmann AT verschwendet ~3 Sek. auf Blocking-Ressources…
  • 21. Konsolidieren bzw. Kombinieren (JS, CSS) und Sprites wo möglich! Weniger ist mehr!
  • 22. Für alles andere: Asynchrone Requests wann immer mgl. HTML5 async, JS Workarounds und / oder Loader verwenden: Mehr: http://pa.ag/18o8War
  • 23. Schön, abwechslungsreich, bunt und… langsam! #2 Custom Webfonts
  • 24. 57% aller Webseiten nutzen nicht-Standard-Schriften Das Ergebnis: 114 KB Datenvolumen bei avg. zus. 2,9 HTTP Requests! Quelle: http://pa.ag/1BRUnbe
  • 25. Klassisches Szenario: Einbinden als (externes) CSS File Sehr einfach einzusetzen, großer Nachteil: CSS ist Render-Blocking!
  • 26. Custom Font mittels Fontloader laden webfont.js ist Googles Lösungsvorschlag (Asnyc JS lädt dann CSS):
  • 27. Leider mit wenig Erfolg und einem anderen Problem: FOUT (Flash of unstyled Text) = nerviges Flackern! Fighting the FOUT: http://pa.ag/1BRWMmu
  • 28. Credits: http://pa.ag/1GakitY & http://pa.ag/1NDXCVi
  • 29. Gezieltes „vorab laden“ von DNS, Ressourcen & ganzen Seiten #3 Pre-Fetching & -Rendering
  • 30. The Pre*-Party at-a-glance: Stolen from Ilya Grigorik: http://pa.ag/1MV4KAk
  • 31. NetDoktor.de Request Breakdown (Waterfall-View) Der DNS-Lookup auf den Asset-Server (static.netdoktor.de) dauert 333ms
  • 32. DNS Pre-Fetching im <head>: 81ms = 75% Ersparnis Super nützlich für Ressourcen anderer Hosts, die später genutzt werden!
  • 33. Chrome lädt eure Top-10 Hosts bei jedem Start! Einfach mal mit chrome://dns eure Top Destinations anschauen:
  • 34. Noch einen Schritt weiter: Pre-Connect bei HTTPS Nicht nur den DNS auflösen; auch den TLS-Handshake durchführen:
  • 35. Gezieltes Vorladen von einzelnen Ressourcen Prefetch (für Folgeseiten ): • Wird nur im Browser-Leerlauf (mit geringer Prio) ausgeführt • Einsatz: Bilder, JS & CSS herunterladen & cachen. • Bei langsamen Verbindungen werden große Dateien u.U. ignoriert. Subresource (für die aktuelle Seite): • Funktioniert derzeit nur im Chrome • Möglichst zu Beginn im Mark-Up nutzen • Analog zu Prefetch, aber hohe Prio, daher nur verwenden, wenn das File wirklich nötig ist!
  • 36. Das nächste Bild in einer Bildergalerie / großes Bild in einem Zoom HTML Fragmente (bspw. Boxen / Layer) für kritische Ziele (Signup / -in) Was könnte ich prefetchen?
  • 37. Pre-Rendering: Vorladen ganzer Websites! Wenn ich weiß, wohin mein Besucher navigieren wird: Prerender: • Aktuell nur im Chrome & IE/Edge möglich • Lädt die Folgeseite inkl. aller Ressourcen und legt diese in den Cache • Nur für GET-Requests und extrem ressourcenintensiv – use with care! Prefetch & Prerender: • Kombinierte Verwendung für bessere Browser Kompatibilität • FF führt Prefetch aus, Chrome & IE nutzen die Prerender Anweisung
  • 38. Den Warenkorb (od. Checkout), wenn ein Artikel hineingelegt wird. Die Folgeseite eines mehrseitigen Artikels. Was könnte ich prerendern?
  • 39. Eine JavaScript API für Sichtbarkeitszustände des Browsers #4 Page Visibility API
  • 40. visibilitychange-Events für Sichtbarkeitszustände Schaut der User meine Website an oder ist diese nur im Hintergrund offen? “The API lets you know when a webpage is visible or in focus. […] there is a reasonable chance that any given webpage is in the background and thus not visible to the user. When the user minimizes the webpage or moves to another tab, the API sends an event regarding the visibility of the page.” Mehr lesen: http://pa.ag/1Nysd6K
  • 41. Die Pre*-Party kann euch euer Analytics ruinieren! Akkurateres Tracking
  • 42. JS erst ausführen, wenn die Seite wirklich sichtbar ist (non-Prerender). Eventbasiertes Laden von Elementen
  • 43. Browser Support für die Page Visibility API Vollständiger Support in allen wichtigen Browsern! Quelle: http://caniuse.com/#feat=pagevisibility
  • 44. Top Qualität, effiziente(re) Komprimierung, kleinere Dateien, etc. #5 Neue Bildformate
  • 45. 62% des Webtraffics sind Bildmaterial! … und 51% aller URLs laden mehr als 40 Bilder (pro Aufruf) Quelle: http://pa.ag/1SGDOEo
  • 46. WebP: Googles Alternative zu JPEG, PNG & GIF Lossy & lossless Komprimierung, Transparenz, Metadaten & Farbprofile, Animationen & deutlich kleiner (30% vs. JPEG, 80% vs. PNG)! Alles zu WebP: : http://pa.ag/1EpFWeN
  • 47. Wir sind noch nicht „ganz“ da… Derzeit nativ leider nur für Chrome, Opera und auf Android Browsern! Quelle: http://caniuse.com/#feat=webp
  • 48. WebP trotzdem nutzen: On-the-fly Replacement PNG & JPEG Bilder per Rewrite (z.B. via .htaccess) austauschen:
  • 49. WebP trotzdem nutzen: On-the-fly Replacement PNG & JPEG Bilder per Rewrite (z.B. via .htaccess) austauschen: VS.
  • 50. Bei neuen Templates: HTML5 & <picture> verwenden! Browser, die <picture> nicht unterstützen, ignorieren selbiges & auch <source> Browser, die WebP nicht unterstützen, verwenden das Fallback <img> Weitere Infos: http://responsiveimages.org/
  • 51. Das letzte Wort ist noch nicht gesprochen: FLIF, BPG, etc. (Links: Dateigröße im Vergleich zum Original-PNG) Mehr lesen: http://pa.ag/1S5OQmX
  • 52. Insbesondere zwei Themen sind aktuell „hot“…! Was gibt‘s Neues? #perfmatters
  • 53. Google‘s „Accelerated Mobile Pages“ für schnellere, mobile Webseiten #6 Das AMP Projekt
  • 54. AMP: Kastriertes HTML für maximale Performance! Google ist Geschwindigkeit deutlich wichtiger als (HTML-) Features Mehr: https://www.ampproject.org/ • Modifiziertes HTML Mark-Up mit diversen Änderungen • Herkömmliche HTML Tags, wie <script> sind verboten, andere wie bspw. <img> werden durch spezielle AMP Tags, z.B. <amp-img> ersetzt • AMP Funktionalität durch standardisierten Dokument- aufbau und eine AMP JS Library für maximal effizientes Pre-Rendering bzw. Caching
  • 55. Ein Standarddokument mit AMP HTML Mark-Up: Vordefinierter Aufbau sowie diverse Restriktionen: How to write AMP Mark-Up: http://pa.ag/1MN9I1X • start with the doctype <!doctype html>. • contain a top-level <html> tag (<html amp> is OK as well). • contain <head> and <body> tags • contain a <link rel="canonical" href="$SOME_URL" /> tag inside head that points to the regular HTML version or to itself if no such HTML version exists • contain a <meta charset="utf-8"> tag as the first child • contain a “meta viewport” & “initial-scale=1” • contain a <script async src="https://cdn.ampproject.org/v0.js"></script> tag as the last element in their head. • contain a <style> attribute setting various defaults
  • 56. Wie sieht das in den Suchergebnissen aus? Testlink öffnen, Schlagzeilen suchen, swipen (keine Schlagzeilen = keine AMPs) Testlink (nur auf Mobilgeräten): http://g.co/ampdemo
  • 57. Restriktionen?! Gefühlt wie damals mit HTML 2.0! Restriktionen: http://pa.ag/1ObU4fH
  • 58. It doesn‘t feel open, it feels very closed! Sehr lesenswerter Artikel von Joost de Valk: There are, for instance, specific tags for YouTube and Twitter. To get your tag in AMP you’ll have to apply […]. The same is true for most advertising formats: only 5 ad platforms are supported, 2 of which are owned by Google. Currently there is no info to be found on […] the process of applying for new tags or ad formats, or other things […] It doesn’t feel “open”, it feels very closed. Mehr lesen: https://yoast.com/weekly-seo-recap-41/
  • 59. Mehr lesen: http://pa.ag/1WW4uaN & http://pa.ag/1H4NacR
  • 60. Und das Allerschlimmste? Meine Prognose: Im Laufe von 2016 wird Google Folgendes ankündigen: We are using AMP in mobile search rankings: You may have heard that here at Google we're obsessed with speed. As part of that effort, today we're including a new signal in our search ranking algorithms: The usage of accelerated mobile pages (AMP) for even faster results in mobile search results!
  • 61. Das neue Protokoll des WWWs #7 Das HTTP/2 Protokoll
  • 62. Browser Support: HTTP/2 ist angekommen! 1 = IE nur mit Win 10; 2 = nur mit HTTPS Quelle: http://caniuse.com/#feat=http2
  • 63. Server Support: HTTP/2 mit 80%+ Marktabdeckung Apache 2, nginx, IIS, Netty, Jetty, Squid & 50 andere sind verfügbar! Quellen: http://pa.ag/1Pwa8fy & http://pa.ag/1Pwa8fy
  • 64. Demo-Time: 200 „kleine“ Bilder im Protokollvergleich: Bspw. priorisierte Bundles von Requests bringen massive Verbesserungen! Ausprobieren: http://www.http2demo.io/ & https://http2.akamai.com/demo
  • 65. Was bringt‘s für eure Website? Einfach ausprobieren: Alle Assets werden heruntergeladen & im Direktvergleich ausgeliefert. Ausprobieren: http://http2.loadimpact.com/entry/
  • 66. Googlebot mit HTTP/2 Support zum Jahreswechsel! Noch(!) kein Vorteil bei der Auslieferung an Googles Crawler, aber: Quelle: http://pa.ag/1HTJCF4