Website Speed mit CDN

Preview:

Citation preview

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

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

Mariano Glas

Stand 2009 Alle Preise in EUR zzgl. der gesetzl. MwSt. hanna.huge@serienjunkies.de

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

Stand 2009 Alle Preise in EUR zzgl. der gesetzl. MwSt. hanna.huge@serienjunkies.de

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)

Stand 2009 Alle Preise in EUR zzgl. der gesetzl. MwSt. hanna.huge@serienjunkies.de

SEO Campixx 2011 Mike Schiessl

Typischer Aufbau eines optimierten WebTiers (logisch)

Reverse Proxy + Cache

Webserver

Interpreter / Runtime Module

Datenbank Static Content

Stand 2009 Alle Preise in EUR zzgl. der gesetzl. MwSt. hanna.huge@serienjunkies.de

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 )

Stand 2009 Alle Preise in EUR zzgl. der gesetzl. MwSt. hanna.huge@serienjunkies.de

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)

Stand 2009 Alle Preise in EUR zzgl. der gesetzl. MwSt. hanna.huge@serienjunkies.de

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

Mariano GlasSEO Campixx 2011

Master-Server

Replica-Server 1:n

Content delivery network

Mariano GlasSEO Campixx 2011

Content delivery network

Vorteile:Schnellere Ladezeiten

Hohe Skalierbarkeit

Verteilte Inhalte

Hohe Verfügbarkeit

Sicherheit

Trafficmanagement

Mariano GlasSEO Campixx 2011

Content delivery network

Nachteile:

Abrechnung

Programmierung (CMS, Shop, ...)

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...

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)

Mariano GlasSEO Campixx 2011

Content delivery network

Praxisbeispiel

Amazon Web Services

Mariano GlasSEO Campixx 2011

Mariano GlasSEO Campixx 2011

Mariano GlasSEO Campixx 2011

Amazon Simple

Storage Service (S3)Amazon CloudFront

Web Site

Backend

Mariano GlasSEO Campixx 2011

Mariano GlasSEO Campixx 2011

„Eimer“ erstellen

1. Eindeutiger Name

2. Region

Mariano GlasSEO Campixx 2011

Mariano GlasSEO Campixx 2011

Unterverzeichnisse sind keine Unterverzeichnisse

Unterverzeichnisse können erstellt werden

Mariano GlasSEO Campixx 2011

Dateigröße bis 1,9 GB pro Datei

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

Mariano GlasSEO Campixx 2011

Vor dem Speichern Storage Space festlegen

Mariano GlasSEO Campixx 2011

Rechteverteilung vor dem Speichern.

Mariano GlasSEO Campixx 2011

Rechteverteilung vor dem Speichern.

Mariano GlasSEO Campixx 2011

Meta-Data vor dem Speichern.

Cache-control max-age=864000

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

Mariano GlasSEO Campixx 2011

Mariano GlasSEO Campixx 2011

Mariano GlasSEO Campixx 2011

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

Mariano GlasSEO Campixx 2011

Domain Name in die Zwischenablage

CNAME im Hinterkopf

Eintragen im Nameserver

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!

Mariano GlasSEO Campixx 2011

Mariano GlasSEO Campixx 2011

Keine Cookies

Cache-Hit

Auslieferung von Cloudfront.net

#Winning

Mariano GlasSEO Campixx 2011

Gutes ACL Management

Kostenlos

Tools – S3 FOX

Mariano GlasSEO Campixx 2011

Durchdachte Tools

Kostenlose und Profi-Variante

Tools – Cloudberry

Mariano GlasSEO Campixx 2011

Kostenlose und Profi-Variante (für Batchjobs)

Tools – S3 Browser

Mariano GlasSEO Campixx 2011

Kostenlose und Profi-Variante (für Batchjobs)

Tools – S3 Browser

Mariano GlasSEO Campixx 2011

Amazon SDK für PHP

Stand 2009 Alle Preise in EUR zzgl. der gesetzl. MwSt. hanna.huge@serienjunkies.de

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

Recommended