41
Website-Speed mit CDN Content delivery network einfach zu installieren kostengünstig zu betreiben erschwinglich für jedermann SEO Campixx 2011 Mariano Glas / Mike Schiessl

Website Speed mit CDN

Embed Size (px)

Citation preview

Page 1: Website Speed mit CDN

Website-Speed

mit CDN

Content delivery network

einfach zu installieren

kostengünstig zu betreiben

erschwinglich für jedermann

SEO Campixx 2011 Mariano Glas / Mike Schiessl

Page 2: Website Speed mit CDN

Vorstellung

SiteSpeed Optimierung von High Load Web Ends

Methoden zur Optimierung des Sitespeeds

Optimierte Webtiers

Tipps & Tricks bei dedizierten Servern

CDN Überblick

Ausführliches Praxisbeispiel AWS

SEO Campixx 2011 Mariano Glas / Mike Schiessl

Website-Speed mit CDN

Page 3: Website Speed mit CDN

Mariano Glas

Page 4: Website Speed mit CDN

Stand 2009 Alle Preise in EUR zzgl. der gesetzl. MwSt. [email protected]

SEO Campixx 2011 Mike Schiessl

Hauptgründe für langsame Webserver

basic issues

• Admin Tools mit schlecht konfigurierten Daemons

(Plesk, Confixx)

• Falsch konfigurierte Webserver / Interpreter

high load issues

• Viele zeitgleiche Lesezugriffe auf die Festplatte (read

I/O)

• Konkurrenz zwischen Datenbank und Webserver I/O

Page 5: Website Speed mit CDN

Stand 2009 Alle Preise in EUR zzgl. der gesetzl. MwSt. [email protected]

SEO Campixx 2011 Mike Schiessl

Methoden zur Optimierung des Sitespeeds

• Einsatz von schnellen und schlanken Servern

(z.B. lighttpd anstelle von Apache)

• Einbinden von PHP als CGI Extension und nicht

als Modul

• Trennung von Datenbank und Webserver I/O

• Einsatz von Caching Technologien

• Optimierung des Quelltextes !!!

• Einsatz von Compilern bis hin zum Quellcode

(Smarty)

Page 6: Website Speed mit CDN

Stand 2009 Alle Preise in EUR zzgl. der gesetzl. MwSt. [email protected]

SEO Campixx 2011 Mike Schiessl

Typischer Aufbau eines optimierten WebTiers (logisch)

Reverse Proxy + Cache

Webserver

Interpreter / Runtime Module

Datenbank Static Content

Page 7: Website Speed mit CDN

Stand 2009 Alle Preise in EUR zzgl. der gesetzl. MwSt. [email protected]

SEO Campixx 2011 Mike Schiessl

Reverse Proxy

Reverse Proxy

Webserver

Webserver

Webserver

Webserver

Storage

Datenbank

Redundantes Frontend

- Rproxy

- DNS

- SSL

- Intrusion Detection

Redundantes MidTier

- Webserver

- Datenbank (readonly)

- Lokaler Storage

- Optimiert für READ I/O

Backend

- High Performance DB

(für alle Schreibanfragen)

- zentraler Storage für

gemeinsam verwendete

Daten

Web TIER ( physikalisch )

Page 8: Website Speed mit CDN

Stand 2009 Alle Preise in EUR zzgl. der gesetzl. MwSt. [email protected]

SEO Campixx 2011 Mike Schiessl

Vorteile Web Tier Konzept

• einfache und schnelle

Skalierungsmöglichkeiten

• Hohe Ausfallsicherheit durch Redundanz

• Leseoptimierung auf den Webservern

• Schreiboptimierung auf der Backend DB

• Vermeiden von I/O Konflikten (z.B. DB –

Webserver I/O)

Page 9: Website Speed mit CDN

Stand 2009 Alle Preise in EUR zzgl. der gesetzl. MwSt. [email protected]

SEO Campixx 2011 Mike Schiessl

Tipps & Tricks bei dedizierten Servern

• Verteilung der DB und WEB I/Os auf

unterschiedliche Festplatten (z.B. SSD für DB)

• Installation Reverse-Proxy (Varnish, NGNIX)

• Debugging des Webservers und der Datenbank

um Optimierungspotential zu finden

• Verteilen der Lasten über mehrere Server

Page 10: Website Speed mit CDN

Mariano GlasSEO Campixx 2011

Master-Server

Replica-Server 1:n

Content delivery network

Page 11: Website Speed mit CDN

Mariano GlasSEO Campixx 2011

Content delivery network

Vorteile:Schnellere Ladezeiten

Hohe Skalierbarkeit

Verteilte Inhalte

Hohe Verfügbarkeit

Sicherheit

Trafficmanagement

Page 12: Website Speed mit CDN

Mariano GlasSEO Campixx 2011

Content delivery network

Nachteile:

Abrechnung

Programmierung (CMS, Shop, ...)

Page 13: Website Speed mit CDN

Mariano GlasSEO Campixx 2011

Content delivery network

Anbieter:

Akamai , Anevia, Amazon, CacheFly, CDNetworks, Coral,

Cotendo, easyCDN, egdecast, ecs, Google, Host Europe,

Hostway, Ipercast, Level 3, Limelight, MaxCDN, NTT

Communications, Savvis, tv1.eu, wornex und mehr...

Page 14: Website Speed mit CDN

Mariano GlasSEO Campixx 2011

Content delivery network

Geeigneter Content:Jeglicher Content, der auf einer Cookie-Freien Domain gehostet werden kann.

Beispiel:

CSS,

Javascript,

Video,

Flash (Silverlight)

Komplette Mobile-Sites (HTML, Bilder, Video)

Komplette Websites (Microsites, Signups, Affiliate-Sites)

Page 15: Website Speed mit CDN

Mariano GlasSEO Campixx 2011

Content delivery network

Praxisbeispiel

Amazon Web Services

Page 16: Website Speed mit CDN

Mariano GlasSEO Campixx 2011

Page 17: Website Speed mit CDN

Mariano GlasSEO Campixx 2011

Page 18: Website Speed mit CDN

Mariano GlasSEO Campixx 2011

Amazon Simple

Storage Service (S3)Amazon CloudFront

Web Site

Backend

Page 19: Website Speed mit CDN

Mariano GlasSEO Campixx 2011

Page 20: Website Speed mit CDN

Mariano GlasSEO Campixx 2011

„Eimer“ erstellen

1. Eindeutiger Name

2. Region

Page 21: Website Speed mit CDN

Mariano GlasSEO Campixx 2011

Page 22: Website Speed mit CDN

Mariano GlasSEO Campixx 2011

Unterverzeichnisse sind keine Unterverzeichnisse

Unterverzeichnisse können erstellt werden

Page 23: Website Speed mit CDN

Mariano GlasSEO Campixx 2011

Dateigröße bis 1,9 GB pro Datei

Größere Dateien via AWS-Konsole nur über Java-Applet

Page 24: Website Speed mit CDN

Mariano GlasSEO Campixx 2011

Vor dem Speichern Storage Space festlegen

Page 25: Website Speed mit CDN

Mariano GlasSEO Campixx 2011

Rechteverteilung vor dem Speichern.

Page 26: Website Speed mit CDN

Mariano GlasSEO Campixx 2011

Rechteverteilung vor dem Speichern.

Page 27: Website Speed mit CDN

Mariano GlasSEO Campixx 2011

Meta-Data vor dem Speichern.

Cache-control max-age=864000

Expires Sun, 29 Mar 2020 00:00:00 GMT

Page 28: Website Speed mit CDN

Mariano GlasSEO Campixx 2011

Page 29: Website Speed mit CDN

Mariano GlasSEO Campixx 2011

Page 30: Website Speed mit CDN

Mariano GlasSEO Campixx 2011

Page 31: Website Speed mit CDN

Mariano GlasSEO Campixx 2011

Alles was kein Video ist, ist Download

Logging kann Spaß machen, muss es aber nicht

CNAMEs sind Wichtig

Kommentare für die Übersicht

Page 32: Website Speed mit CDN

Mariano GlasSEO Campixx 2011

Domain Name in die Zwischenablage

CNAME im Hinterkopf

Eintragen im Nameserver

Page 33: Website Speed mit CDN

Mariano GlasSEO Campixx 2011

Beispiel bei Schlundtech:

Textfeld 1 – CNAME

Typ: CNAME

Wert: Domain Name von AWS xxxxxxxx.cloudfront.net.

WICHTIG ist der Punkt am Ende!

Page 34: Website Speed mit CDN

Mariano GlasSEO Campixx 2011

Page 35: Website Speed mit CDN

Mariano GlasSEO Campixx 2011

Keine Cookies

Cache-Hit

Auslieferung von Cloudfront.net

#Winning

Page 36: Website Speed mit CDN

Mariano GlasSEO Campixx 2011

Gutes ACL Management

Kostenlos

Tools – S3 FOX

Page 37: Website Speed mit CDN

Mariano GlasSEO Campixx 2011

Durchdachte Tools

Kostenlose und Profi-Variante

Tools – Cloudberry

Page 38: Website Speed mit CDN

Mariano GlasSEO Campixx 2011

Kostenlose und Profi-Variante (für Batchjobs)

Tools – S3 Browser

Page 39: Website Speed mit CDN

Mariano GlasSEO Campixx 2011

Kostenlose und Profi-Variante (für Batchjobs)

Tools – S3 Browser

Page 40: Website Speed mit CDN

Mariano GlasSEO Campixx 2011

Amazon SDK für PHP

Page 41: Website Speed mit CDN

Stand 2009 Alle Preise in EUR zzgl. der gesetzl. MwSt. [email protected]

SEO Campixx 2011 Mariano Glas

Danke!Mariano Glas

CEO Serienjunkies.de KG

Website:

Blog:

Xing:

http://www.serienjunkies.de

http://2mg.de

http://www.xing.com/profile/Mariano_Glas