Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Do's en dont's voor meer snelheid en betere hosting - WordPress Meetup Utrecht

Tips voor het meten van sitesnelheid, het sneller maken van je WordPress site en het kiezen van snelle hosting.

Presentatie gegeven op WordPress Meetup Utrecht 6 november 2014 door Gijs Hovens van Savvii WordPress Hosting.

  • Login to see the comments

Do's en dont's voor meer snelheid en betere hosting - WordPress Meetup Utrecht

  1. 1. Do's en dont's voor meer snelheid & betere hosting
  2. 2. Wat gaan we doen? Wie ben ik? Waarom is snelheid belangrijk? Hoe kan ik zelf m’n snelheid meten? Hoe kan ik zelf m’n site sneller maken? Hoe kan ik m’n hosting beoordelen?
  3. 3. Wie ben ik? Gijs Hovens Sinds 2008 WordPress gebruiker Online Marketing Twitter: @ghovens / @savviiHQ Mail: gijs@savvii.nl
  4. 4. Savvii? Ik ben hier Ik ook Genoeg reclame, meer weten? Vraag ons.
  5. 5. Waarom snellere site?
  6. 6. Waarom een snellere site?
  7. 7. Waarom een snellere site? “You may have heard that here at Google we're obsessed with speed, in our products and on the web. As part of that effort, today we're including a new signal in our search ranking algorithms: site speed. Site speed reflects how quickly a website responds to web requests.” bron: http://googlewebmastercentral.blogspot.nl/2010/04/using-site-speed-in-web-search-ranking.html
  8. 8. Waarom een snellere site? bron image: http://moz.com/blog/how-website-speed-actually-impacts-search-ranking
  9. 9. Hoe snel is snel genoeg? Google: First Byte Time van 200ms Akamai: Load Time van <2 sec. Regel: 1e content zichbaar binnen 1 sec.
  10. 10. Meten is weten webpagetest.org tools.pingdom.com tig locaties 3 locaties tot 9 runs 1 run originele exp. no-cache
  11. 11. Hoe interpreteer je de resultaten? First Byte Time: 1e byte van de html terug ● DNS lookup ● Connectie opzetten ● Wachten…. ● First Byte terug (html) ● Assets ophalen
  12. 12. DNS Lookup Connectie opzetten Wachten... 1st byte HTML Assets ophalen
  13. 13. Hoezo wachten? Webserver: Ontvangst GET Request Webserver: doorzetten naar process manager (PHP-FPM) PHP-FPM: Database queries PHP-FPM: Genereren HTML Webserver: HTML Response (200 OK)
  14. 14. Wat kost nu tijd? Geen page-caching: ‘wait time’
  15. 15. Wat kost nu tijd? Wel page-caching: ‘transfer time’
  16. 16. Hoe kan het dan sneller? Easy-way Makkelijk: Caching (proxy cache, w3total cache) maar…. Kan niet altijd (winkelmandjes, ingelogde gebruikers) & is symptoombestrijding
  17. 17. Wat is caching?
  18. 18. Hoe kan het dan sneller? Hard-way Moeilijker: Optimaliseren applicatie Simpele tips: ● Less is more (plugins, css, JS) ● Geen logica is sneller (GA hardcoded in thema)
  19. 19. Hoe herken je langzame plugins? Moeilijk, maar je kunt hier op letten: ● Schrijven veel data in WP-options tabel ● Gebruiken ingewikkelde logica (gerelateerde posts bijv.) ● Doen veel kleine taken snel achter elkaar (broken link checkers, backup plugins)
  20. 20. Hoe verbeter je transfer time? Compressie plaatjes (photoshop, smush.it) Verminderen plaatjes (sliders) Minify & combine CSS Minify & combine JavaScript Sprites
  21. 21. Voor Minify
  22. 22. Na Minify
  23. 23. Hoe herken je snelle hosting? Webserver apache nginx process based event based elke ‘klant’ na elkaar even aan de kant stappen tot ‘bestelling’ klaar is wordt langzaam onder hoge load sneller onder hoge load vaak zelf door gebruiker te tunen (.htaccess) tuning door hosting partij
  24. 24. Hoe herken je snelle hosting?
  25. 25. Hoe herken je snelle hosting? Server: nginx
  26. 26. Hoe herken je snelle hosting? Keep-alive: enabled
  27. 27. Hoe herken je snelle hosting? Compressie: enabled
  28. 28. Hoe herken je snelle hosting? Caching: leverage browser-cache Caching: varnish, memcached, XCache
  29. 29. Hoe herken je snelle hosting? Bij SSL: SPDY, OSCP stapling, STS headers Qualys SSL Test
  30. 30. Meer informatie? Neem contact met ons op via savvii.nl!

×