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
Vortrag/Session Meetup-Day Potsdam 14.09.2019
technisches SEO - Crawlbarkeit - Wie gut findet Google deine Seite?
https://331.de/wordpress-wartung-pflege/
SEO im Relaunch - Chancen nutzen, Risiken vermeiden NEUget traction GmbH
Ein Relaunch ist manchmal nicht zu vermeiden. Hinsichtlich der SEO-Reichweite besteht dabei immer das Risiko auf massive Verluste. Welche Stolperfallen auf jeden Fall vermieden werden sollten und wie man einen Relaunch zum Ausbau der eigenen Reichweite nutzen kann ist Thema des Vortrags. Ergänzt wird dieses noch um ein generelles Vorgehensmodell und Fallbeispielen.
SEO im Relaunch - Chancen nutzen, Risiken vermeidenget traction GmbH
Ein Relaunch ist manchmal nicht zu vermeiden. Hinsichtlich der SEO-Reichweite besteht dabei immer das Risiko auf massive Verluste. Welche Stolperfallen auf jeden Fall vermieden werden sollten und wie man einen Relaunch zum Ausbau der eigenen Reichweite nutzen kann ist Thema des Vortrags. Ergänzt wird dieses noch um ein generelles Vorgehensmodell und Fallbeispielen.
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)
Vortrag/Session Meetup-Day Potsdam 14.09.2019
technisches SEO - Crawlbarkeit - Wie gut findet Google deine Seite?
https://331.de/wordpress-wartung-pflege/
SEO im Relaunch - Chancen nutzen, Risiken vermeiden NEUget traction GmbH
Ein Relaunch ist manchmal nicht zu vermeiden. Hinsichtlich der SEO-Reichweite besteht dabei immer das Risiko auf massive Verluste. Welche Stolperfallen auf jeden Fall vermieden werden sollten und wie man einen Relaunch zum Ausbau der eigenen Reichweite nutzen kann ist Thema des Vortrags. Ergänzt wird dieses noch um ein generelles Vorgehensmodell und Fallbeispielen.
SEO im Relaunch - Chancen nutzen, Risiken vermeidenget traction GmbH
Ein Relaunch ist manchmal nicht zu vermeiden. Hinsichtlich der SEO-Reichweite besteht dabei immer das Risiko auf massive Verluste. Welche Stolperfallen auf jeden Fall vermieden werden sollten und wie man einen Relaunch zum Ausbau der eigenen Reichweite nutzen kann ist Thema des Vortrags. Ergänzt wird dieses noch um ein generelles Vorgehensmodell und Fallbeispielen.
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)
Seoday Vortrag 2015: Guten Content erstellen lassen & im SEO profitierenMarcel Kollmar
Guten Content erstellen lassen & im SEO profitieren: Wie geht das? Worauf sollte bei der Content-Erstellung geachtet werden und welche Prozesse sollten eingehalten? Wie Content und SEO kombinieren? Wie nutzerzentrierte Inhalte produzieren?
Crawl Budget Optimization - SMX München 2016Bastian Grimm
Meine Präsentation von der SMX 2016 in München zum Thema Crawl-Budget und Crawl-Rate-Optimierung mit vielen Tipps zur Verbesserung von Auffindbarkeit, Indexierung sowie den "häufigsten Stolpersteinen" bei der Optimierung.
Google’s dive into index-generated answers seems like a threat to many, but for SEOs it’s also a new opportunity. Learn how and when you can jump the organic queue and rank #0.
Consumer search behaviour is complex.
You perform multiple searches on multiple devices over multiple days; where everything you see and experience, in the SERPs and beyond, influences your brand preference and purchase decisions.
Traditional funnel analysis and marketing models do a poor job of measuring and managing this ecosystem.
We need to re-think the way we talk about, measure and manage SEO if we want bigger budgets, integrated strategies, and to win big - and we need to move fast; some of the world's biggest companies are already beating us to it.
Website-Relaunch: Eine unendliche SEO-Geschichte – SEO DAYRené Dhemant
René Dhemant von SISTRIX referierte auf dem SEO DAY in Köln über die häufigsten Fehler bei einem Website-Relaunch und verpackte seinen Vortrag regionaltypisch in die 11 Paragrafen des Rheinische Grundgesetzes. So entstand seine Relaunch-Fibel: Dies sind 11 Relaunch-Regeln erklärt anhand des kölsche Jrundjesetz (Grundgesetz).
Der Klassiker nach einem Website-Relaunch: Die Besucher über die Google-Suche bleiben aus. Dabei ist die Wurzel allen Übels die vergessenen oder falsch implementierten 301-Weiterleitungen.
Diese Präsentation vermittelt SEO-Wissen und kölsches Kulturgut gleichermaßen.
Effizientes Crawling für Websites. Anleitung um GoogleBot die Arbeit leichter zu machen. Besseres Ranking durch Crawl Budget Optimierung. Wichtige Hinweise zu Onsite SEO, Panda Diät, Panda Update, etc.
SEO-Vortrag SMX München 2016
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.
SMX 2016 - "A Powerful Partnership: How Content Put Public Relations Back in ...Martijn Burgman
"A Powerful Partnership: How Content Put Public Relations Back in Style"
With more and more companies doing content marketing, it becomes increasingly harder do stand out from this content overkill. So, how do we make sure our content gets in front of the right audience? How do we create synergies throughout all of our content and how do we eventually get legendary links and mentions?
In this session I gave at the SMX 2016 in Munich I focussed on how SEO's and Content marketeers could and should leverage the power of Public Relations within their daily work and vice versa in order to achieve great results.
Large Scale SEO - Method to the madnessJoost de Valk
In this presentation, given at SMX Munich 2016, Joost talks about the methods he uses to do SEO for large scale websites. He covers his SEO data strategy, optimization strategy and regular audits.
Fight Back Against Back: How Search Engines & Social Networks' AI Impacts Mar...Rand Fishkin
Rand's presentation on machine learning and deep learning in Google, Facebook, and beyond, and how engagement reputation will become key to every online marketing effort.
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!
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)
Mehr und mehr entscheidet sich die Performance von Webanwendungen nicht mehr auf dem Server, sondern im Browser des Users. Die Session zeigt auf, warum nicht nur PHP-Performance eine Rolle spielt, sondern was wirklich zu einer schnellen Website beiträgt und welche Hilfsmittel man in der PHP-Welt zur Verfügung hat.
Presentation at IPC 2010 in Berlin, Germany. Frank Kleine and me talked about how to accelerate page speed in general with a detailed look at PHP solutions.
Seoday Vortrag 2015: Guten Content erstellen lassen & im SEO profitierenMarcel Kollmar
Guten Content erstellen lassen & im SEO profitieren: Wie geht das? Worauf sollte bei der Content-Erstellung geachtet werden und welche Prozesse sollten eingehalten? Wie Content und SEO kombinieren? Wie nutzerzentrierte Inhalte produzieren?
Crawl Budget Optimization - SMX München 2016Bastian Grimm
Meine Präsentation von der SMX 2016 in München zum Thema Crawl-Budget und Crawl-Rate-Optimierung mit vielen Tipps zur Verbesserung von Auffindbarkeit, Indexierung sowie den "häufigsten Stolpersteinen" bei der Optimierung.
Google’s dive into index-generated answers seems like a threat to many, but for SEOs it’s also a new opportunity. Learn how and when you can jump the organic queue and rank #0.
Consumer search behaviour is complex.
You perform multiple searches on multiple devices over multiple days; where everything you see and experience, in the SERPs and beyond, influences your brand preference and purchase decisions.
Traditional funnel analysis and marketing models do a poor job of measuring and managing this ecosystem.
We need to re-think the way we talk about, measure and manage SEO if we want bigger budgets, integrated strategies, and to win big - and we need to move fast; some of the world's biggest companies are already beating us to it.
Website-Relaunch: Eine unendliche SEO-Geschichte – SEO DAYRené Dhemant
René Dhemant von SISTRIX referierte auf dem SEO DAY in Köln über die häufigsten Fehler bei einem Website-Relaunch und verpackte seinen Vortrag regionaltypisch in die 11 Paragrafen des Rheinische Grundgesetzes. So entstand seine Relaunch-Fibel: Dies sind 11 Relaunch-Regeln erklärt anhand des kölsche Jrundjesetz (Grundgesetz).
Der Klassiker nach einem Website-Relaunch: Die Besucher über die Google-Suche bleiben aus. Dabei ist die Wurzel allen Übels die vergessenen oder falsch implementierten 301-Weiterleitungen.
Diese Präsentation vermittelt SEO-Wissen und kölsches Kulturgut gleichermaßen.
Effizientes Crawling für Websites. Anleitung um GoogleBot die Arbeit leichter zu machen. Besseres Ranking durch Crawl Budget Optimierung. Wichtige Hinweise zu Onsite SEO, Panda Diät, Panda Update, etc.
SEO-Vortrag SMX München 2016
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.
SMX 2016 - "A Powerful Partnership: How Content Put Public Relations Back in ...Martijn Burgman
"A Powerful Partnership: How Content Put Public Relations Back in Style"
With more and more companies doing content marketing, it becomes increasingly harder do stand out from this content overkill. So, how do we make sure our content gets in front of the right audience? How do we create synergies throughout all of our content and how do we eventually get legendary links and mentions?
In this session I gave at the SMX 2016 in Munich I focussed on how SEO's and Content marketeers could and should leverage the power of Public Relations within their daily work and vice versa in order to achieve great results.
Large Scale SEO - Method to the madnessJoost de Valk
In this presentation, given at SMX Munich 2016, Joost talks about the methods he uses to do SEO for large scale websites. He covers his SEO data strategy, optimization strategy and regular audits.
Fight Back Against Back: How Search Engines & Social Networks' AI Impacts Mar...Rand Fishkin
Rand's presentation on machine learning and deep learning in Google, Facebook, and beyond, and how engagement reputation will become key to every online marketing effort.
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!
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)
Mehr und mehr entscheidet sich die Performance von Webanwendungen nicht mehr auf dem Server, sondern im Browser des Users. Die Session zeigt auf, warum nicht nur PHP-Performance eine Rolle spielt, sondern was wirklich zu einer schnellen Website beiträgt und welche Hilfsmittel man in der PHP-Welt zur Verfügung hat.
Presentation at IPC 2010 in Berlin, Germany. Frank Kleine and me talked about how to accelerate page speed in general with a detailed look at PHP solutions.
Der Business-Case für Beschleunigung im digitalen MarketingThom. Poole
Überblick für die besten Methoden zur Beschleunigung von digitalem Content
Wo Sie Tools finden, um die Performance Ihrer eignen Webseite zu identifizieren
Die verfügbaren Lösungen für die Webbeschleunigung
Wie die Frontend-Beschleunigung-Downloads auf jedem Gerät beschleunigen kann
HTTPs Migration How To - SMX München 2017Bastian Grimm
Meine Präsentation der SMX 2017 in München (Tag 2) rund um das Thema "HTTPs Site Migration" inkl. ausführlicher Checkliste, diversen Tools für Monitoring, Testing, etc. sowie vielem mehr!
5. EINFLÜSSE DES PAGESPEEDS
Warum der PageSpeed wichtig ist
Benutzerfreundlichkeit
Google Ranking Faktor
Kosten reduzieren
Umsatzsteigerung
www.fairrank.de
Besseres Nutzererlebnis, längere
Verweildauer
Einsparen von Speicherplatz und
Bandbreite
Mehr Kaufabschlüsse
1
2
3
4
Bessere Auffindbarkeit und
Crawlbarkeit
6. STATS & FACTS - SHOPZILLA
Ladezeit von 6s auf 1,2s verringert
www.fairrank.de
12 % mehr Umsatz
1,2
s
12 %
25 % mehr Page
Impressions
25 %
6 s
Quelle: http://www.strangeloopnetworks.com
7. STATS & FACTS - AMAZON
Steigerung des Umsatzes um 1% je 100ms
www.fairrank.de
100 ms
1 %
Quelle: http://www.strangeloopnetworks.com
8. STATS & FACTS - YAHOO
9% mehr Traffic je 400ms Verbesserung der Ladezeit
www.fairrank.de
400 ms
9
%
Quelle: http://www.strangeloopnetworks.com
9. STATS & FACTS - MOZILLA
Ladezeit um 2,2 Sekunden reduziert, 60 Millionen Downloads im Jahr mehr
60 Mio /
www.fairrank.de
Jahr
2,2s
Quelle: http://www.strangeloopnetworks.com
10. INFRASTRUKTUR
Solide Basis als Voraussetzung
Der Server sollte in einem
Rechenzentrum des Landes eurer
Besucher stehen um hohe Latenzen
zu vermeiden
www.fairrank.de
Im Vorfeld ausreichend
dimensionierte Hardware um auch
kurzfristige Leistungs-Peaks
abzufangen
SOFTWARE
Nicht genutze Software/Module auf
OS- oder Webserverbasis
deaktivieren.
Auf CMS/Shop Ebene nicht genutzte
Plugins oder Module deaktivieren und
aktuelle Versionen nutzen.
ANBINDUNG
HARDWARE
12. WEITERLEITUNGEN
Weiterleitungen vermeiden
ZU LANGE WEITERLEITUNGSKETTEN UNBEDINGT VERMEIDEN!
GUT
deineseite.de
AKZEPTABEL
deineseite.de deineseite.de/startseite
www.fairrank.de
5
SCHLECHT
deineseite.de www.deineseite.de m.deineseite.de m.deineseite.de/startseite
13. BROWSER CACHING
Images, CSS, JS, PDF usw.
www.fairrank.de
4
STEUERUNG
ÜberApache Modul
mod_headers oder
mod_expires. Alternativ
httpd.conf / PHP
CACHING
Ressourcen dauerhaft
bzw. mitVerfallsdatum
im Browser-Cache
speichern
MANAGEMENT
Nachträgliche
Änderungen durch
Versionierung oder
geänderte
Dateibezeichnung
14. REQUESTS REDUZIEREN
Zusammenführung von statischen Dateien
www.fairrank.de
3
Anzahl Anfragen
2-8 Anfragen
parallel, je nach
Browser
CSS Dateien
JS-Dateien
19. KOMPRIMIERUNG AKTIVIEREN
Aktivierung über .htaccess oder httpd.conf
mod_gzip mod_deflate
Komprimiert nach LZ77 Algorithmus und Huffman
www.fairrank.de
Apache HTTP Server 1.3.x und 2.0.x
Gzip-Komprimierung
Apache HTTP Server 2.0.x
coding
Kompressionslevel zwischen 1 und 9 (Standard ist 6)
einstellbar
Dateien kleiner als ~120 bytes können größer ausfallen
2
20. KOMPRIMIERUNG AKTIVIEREN
Keyfacts
www.fairrank.de
Komprimierung 30% - 40%
Mod_deflate ist einfacher zu konfigurieren und
performanter (keine temporären Dateien)
Mod_gzip ist leistungsstärker (z.B. kann man
content vorkomprimieren)
2
21. BILDER KOMPRIMIEREN
www.fairrank.de
BILDAUSWAHL
Keine BMP oder TIFF Dateien
PNG besser geeignet als GIF
GIF nur für sehr kleine Bilder
JPG für Bilder in Fotoqualität
GRUNDLEGENDE
OPTIMIERUNG
(VERLUSTFREIE)
KOMPRIMIERUNG
Photoshop
JPegMini
PNGGauntlet
1
3
2
1
Wegschneiden unnötiger Bildteile
Farbtiefe verringern
Entfernen von Bildkommentaren /
Metadaten / Chunks
26. AUSBLICK
Und was es sonst so gibt…
Neue Standards
(z.B. SPDY / HTTP/2.0)
Mehr Performance durch Multiplexing
und Pipelining
PartielleAuslieferung der Seiten und
parallelisierte Ladevorgänge
Neue und erweiterte
BigPipe Prerendering / Prefetching
Iconfonts
www.fairrank.de
Vorabrufen und Vorabrendern von
Inhalten
Fonts ersetzen Images
Techniken
27. WIR HOFFEN, DASS ES
EUCH GEFALLEN HAT!
www.fairrank.de
Murat Özdemir
m.oezdemir@fairrank,de
Franz Hernschier
f.hernschier@fairrank.de
28. Bildnachweise
Bild in Slide 3 - nicholasjon @ flickr.com
https://www.flickr.com/photos/nicholasjon/4498088305
Bild in Slide 4 – KNLphotos2010 @ flickr.com
https://www.flickr.com/photos/knlphotos/4876774117
Bild in Slide 11 - Michaelroper @ flickr.com
https://www.flickr.com/photos/michaelroper/2611673
Bild in Slide 22 - Shreyans Bansali @ flickr.com
https://www.flickr.com/photos/thebigdurian/118602801
Bild in Slide 25 - aurelio.aisain @ flickr.com
https://www.flickr.com/photos/ionushi/2051249439
Bilder in Slide 17, 18 - designyourweb.info
http://designyourweb.info/mit-css-sprites-die-website-performance-steigern/801
www.fairrank.de
Hinweis der Redaktion
Beispiel:
<IfModule mod_expires.c>
ExpiresActive on
ExpiresDefault "access plus 1 month"
ExpiresByType text/html "access plus 0 seconds"
ExpiresByType text/xml "access plus 0 seconds"
ExpiresByType application/xml "access plus 0 seconds"
ExpiresByType application/json "access plus 0 seconds"
ExpiresByType text/cache-manifest "access plus 0 seconds"
</IfModule>
Beispiel mod_headers:
<IfModule mod_headers.c>Header set Vary Accept-Encoding<FilesMatch "\.(gif|jpe?g|png|ico|swf)$">Header set Cache-Control "max-age=5184000, public"</FilesMatch><FilesMatch "\.(css)$">Header set Cache-Control "max-age=5184000, public"</FilesMatch><FilesMatch "\.(js)$">Header set Cache-Control "max-age=216000, public"</FilesMatch><FilesMatch "\.(x?html?|php|xml)$">Header set Cache-Control "max-age=604800, private, must-revalidate"</FilesMatch></IfModule>
Händisch oder automatisiert per PHP Script oder Extension / Modul / Plugin.
Beispiel:
<?php
header("Content-type: text/css");
echo file_get_contents("reset.css")."\r\n";
echo file_get_contents("page.css")."\r\n";
echo file_get_contents("navi.css")."\r\n";
echo file_get_contents("content.css")."\r\n";
?>
Achtung bei JS Dateien