Campixx 2012-ladezeit-extreme

download Campixx 2012-ladezeit-extreme

of 28

  • date post

    08-May-2015
  • Category

    Technology

  • view

    879
  • download

    0

Embed Size (px)

description

Meine Session auf der Campixx 2012 in Berlin

Transcript of Campixx 2012-ladezeit-extreme

  • 1.Ladezeit Extreme Wasfunktioniert bei Contao, Joomla &WordpressAlexander Merkel

2. ber mich Seit 2007 Selbstndig als Freelancer fr SEO, Linkbuilding und Redesign Projekte. Seit 2010 als Online Marketing Consultant bei verschiedenen Unternehmen ttig. 2012 Bachelor of Science: Electronic Business SEO-HN.DESeite 2 3. Agenda 1 Die Basis das muss euer Server knnen! 2 Contao 3 Joomla on Speed 4 Das beste kommt zum Schluss - WordpressSeite 3 4. Apache Module 1/2 Mod_Headers: Mod_Mime Kann HTTP Requests & Erlaubt das assozieren von Response Headers bestimmten Dateitypen und verndern. Inhalten Mod_Expires Mod_env Ermglicht das Kontrolliert bestimmte kontrollieren von CachingUmgebungen indem festgelegt wird wann ein Inhalt neu Mod_Setenvif: geladen wird. Erlaubt Regeln frbestimmte Aktionen Mod_Deflate Erlaubt das Komprimieren Mod_Pagespeed von Inhalten bevor Sie Ermglicht automatisierte zum Nutzer gesendetFunktionen zur werden.Verbesserung der LadezeitSeite 4 5. Apache Module 2/2 # compress text, html, javascript, css, xml:# Set up 2 Hour caching on commonly updated files AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html ExpiresDefault A604800 AddOutputFilterByType DEFLATE text/xmlHeader append Cache-Control "proxy-revalidate" AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/xhtml+xml # Force no caching for dynamic files AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/javascriptExpiresActive Off AddOutputFilterByType DEFLATE application/x-javascriptHeader set Cache-Control "private, no-cache, no-store, proxy-revalidate, no-transform" # Or, compress certain file types by extension: Header set Pragma "no-cache" SetOutputFilter DEFLATE ExpiresActive On # Turn on Expires and set default to 0# Expires after a month client accesses the file ExpiresActive OnExpiresByType image/jpeg A2592000 ExpiresDefault A0 ExpiresByType image/gif A2592000 ExpiresByType image/png A2592000 # Set up caching on media files for 1 year (forever?) ExpiresByType image/x-icon A2592000 ExpiresByType text/plain A2592000 ExpiresDefault A29030400 Header append Cache-Control "public"# Good for one week ExpiresByType application/x-javascript M604800 ExpiresByType text/css A2592000 # Set up caching on media files for 1 weekExpiresByType text/html A2592000 ExpiresDefault A604800 Header append Cache-Control "public" Seite 5 6. Mod PageSpeed sollte gut konfiguriert werden!Funktionen:Inline CSS/JSOutline CSS/JSCombine CSS/JSCompress HTML/CSS/JS Compress Images Rewrite Images Sprite Images Konvertiert GIF/JPEG/PNGkomprimiertere Formate uvm. Einfach Testen lohnt sich!!!Seite 6 7. Erweiterungen des Servers 1/2MemCached Server: Funktion: Vorhaltung von wichtigen Datenim Arbeitsspeicher damitFestplattenzugriffe erbrigt werdenbeziehungsweise der Aufruf von (relativ)aufwndigen und hufig verwendetenDatenbankabfragen minimiert wird. Installation: Sehr einfach auf Ubuntu undDebian Server. Einfach Admin/Hosterfragen dauert keine 30min Konfiguration ist easy wird von: Wordpressund Joomla untersttzt.Seite 7 Bildquelle: http://www.sxc.hu/photo/203793 8. Erweiterung des Server 2/2Advanced PHP Cache: bersetzt PHP in Bytecode Kann auch im Speicherabgelegt werden wodurch diePerformance noch besser wird.Seite 8 9. Content Delivery Networks Content Delivery Network ist ein Netz lokal verteilter und ber dasInternet verbundener Server Die Knoten sind auf viele Orte verteilt und oft auch auf viele Backbones.Sie arbeiten zusammen, um Anfragen von Nutzern nach Inhalten zubedienen.http://de.wikipedia.org/wiki/Content_Distribution_NetworkBildquelle: http://anangpratika.files.wordpress.com/2011/06/cdns.jpgSeite 9 10. CDN Anbieter Amazon CloudFront: Achtet aber darauf wo die Server http://aws.amazon.com/de/ vom Anbieter stehen cloudfront/ Es bringt nicht sehr viel wenn der Contendo(Akamai):Anbieter gnstig ist aber keine http://www.akamai.com/Server in Europa stehen hat. cotendo Media Temple ProCDN: http://mediatemple.net/ webhosting/procdn/ NetDNA MaxCDN http://www.maxcdn.com/Seite 10 11. Vorsicht CDN CDN lsst keine automatisierte Kombination der JavaScript & CSS Dateien zu. Hier muss getestet werden was schneller ist. Bei Websites mit vielen Nutzer wrde ich aber CDN immer den Vorzug geben. Bei wenig alles auf APC & Memcache Bildquelle: http://www.sxc.hu/photo/1334670 setzen.Seite 11 12. Seite 12 13. VorherSeite 13 14. Nachher+20%Seite 14 15. Was wurde gemacht? Internes Caching in Contao aktiviert Mod_Pagespeed mit diesen Filtern erweitert: Combine JS und CSS -> Kombiniert JS und CSS in wenige Dateien Rewrite CSS und JS ->minimiert die URLs Recompress Images -> Wandelt Bilder in PNG oder JPEG um. Sprite Images -> Wandelt Hintergrundbilder im CSS Code zu Sprites umSeite 15 16. Seite 16 17. VorherSeite 17 18. Nachher+208%Seite 18 19. Was wurde gemacht? Installation von APC Installation Mod_Pagespeed mit folgenden Filtern: Combine JS und CSS -> Kombiniert JS und CSS in wenige Dateien Rewrite CSS und JS ->minimiert die URLs Recompress Images -> Wandelt Bilder in PNG oder JPEG um. Sprite Images -> Wandelt Hintergrundbilder im CSS Code zu Sprites umSeite 19 20. Seite 20 21. VorherSeite 21 22. Nachher ohne CDN +100%Seite 22 23. Was wurde gemacht? Installation von Mod_Pagespeedmit folgenden Filtern: Inline/rewrite/outline/combine CSS Inline/rewrite/outline/combine JS Recompress/Rewrite/Sprite Images Installation des Plugins W3 TotalCache Alle Funktionen auf verschiedene Memcache Server HTML/CSS Tidy installieren und konfigurierenSeite 23 24. Nachher mit CDN+40%Seite 24 25. Warum CDN obwohl es doch langsamer ist? Das gute an CDN man zahlt nur wenn esgebraucht wird! Bei Seiten mit vielen Nutzern ist CDN einegute Sache denn der Blog bleibt gleichschnell Ohne CDN bricht irgendwann der Serverzusammen!Seite 25 26. FAZITSeite 26 27. Ladezeit-Optimierung auf dem CMS in wie weit mglich? ContaoJoomla Wordpress DiskCache DiskCache DiskCache Mod_PageSpeed APC APC MEMCACHE