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.

WordPress Performantie Optimalisatie

110 views

Published on

De slides van mijn presentatie op de Combell Partnerdag aangaande WordPress performantie optimalisatie

Published in: Internet
  • Be the first to comment

WordPress Performantie Optimalisatie

  1. 1. 
 WordPress Performance Optimalisatie 
 
 
 info@Combell.com www.Combell.com
  2. 2. BRECHT RYCKAERT Senior Support Engineer & WordPress fanatic @brechtryckaert https://brechtryckaert.com
  3. 3. 
 "My website is too slow"
  4. 4. 
 "Your server is too slow"
  5. 5. POTENTIËLE OORZAKEN
  6. 6. POTENTIËLE OORZAKEN - PLUGIN ISSUES
  7. 7. ALLE PLUGINS INGESCHAKELD, SITE EXTREEM TRAAG.
  8. 8. ALLE PLUGINS UITGESCHAKELD, SITE WERKT NIET MEER.
  9. 9. POLYLANG PLUGIN UITGESCHAKELD, BETERE LAADTIJD OPGELET: DIT IS ZONDER ENIGE VERDERE OPTIMALISATIE
  10. 10. POTENTIËLE OORZAKEN - PLUGIN ISSUES - NIET GEOPTIMALISEERDE ELEMENTEN
  11. 11. POTENTIËLE OORZAKEN - PLUGIN ISSUES - NIET GEOPTIMALISEERDE ELEMENTEN - "RENDER BLOCKING" ELEMENTEN
  12. 12. POTENTIËLE OORZAKEN - PLUGIN ISSUES - NIET GEOPTIMALISEERDE ELEMENTEN - "RENDER BLOCKING" ELEMENTEN - EXTERNE VERTRAGINGEN
  13. 13. POTENTIËLE OORZAKEN - PLUGIN ISSUES - NIET GEOPTIMALISEERDE ELEMENTEN - "RENDER BLOCKING" ELEMENTEN - EXTERNE VERTRAGINGEN - SERVER ISSUES
  14. 14. DE OORZAAK ISOLEREN
  15. 15. HANDIGE TOOLS
  16. 16. GTMETRIX.COM ANALYSEREN VAN DE PERFORMANTIE
  17. 17. GOOGLE CHROME DEVELOPER TOOLS WATERVAL WEERGAVE
  18. 18. P3 PROFILER PLUGIN PLUGIN PERFOMANTIE ANALYSEREN
  19. 19. "MARK 1 EYEBALL" 
 & GEZOND VERSTAND ONZE BESTE TOOLS:
  20. 20. ... ZO'N PLUGIN PAGINA IS NIET HET BESTE IDEE... WAARMEE IK WIL ZEGGEN: 39 ACTIVE PLUGINS
  21. 21. OORZAKEN AANPAKKEN
  22. 22. BEPERK HET AANTAL PLUGINS
  23. 23. VERKLEIN JE AFBEELDINGEN IDEALITER BUITEN WORDPRESS. 
 PLUGIN: WP-SMUSHIT
  24. 24. VERHELP RENDER BLOCKING ELEMENTEN HOU ALLE NIET-ESSENTIËLE JAVASCRIPT EN CSS 
 IN DE FOOTER OF ONDER DE VOUW ("BELOW THE FOLD")
  25. 25. OPTIMALISEER UW DATABASE PLUGIN: https://wordpress.org/ plugins/wp-optimize/
  26. 26. GEBRUIK EVENTUEEL CSS SPRITES HIERDOOR MOET JE MAAR ÉÉN AFBEELDING LADEN IN PLAATS VAN VERSCHILLENDE... http://css-tricks.com/css-sprites/
  27. 27. GEBRUIK GZIP
  28. 28. Toevoegen aan .htaccess AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/x-javascript
  29. 29. SCHAKEL ENTITY TAGS UIT Toevoegen aan .htaccess #Disable Entity Tags Header unset ETag FileETag None
  30. 30. GEBRUIK MOD_EXPIRES
  31. 31. # BEGIN Expire headers <IfModule mod_expires.c> ExpiresActive On ExpiresDefault "access plus 5 seconds" ExpiresByType image/x-icon "access plus 2500000 seconds" ExpiresByType image/jpeg "access plus 2500000 seconds" ExpiresByType image/png "access plus 2500000 seconds" ExpiresByType image/gif "access plus 2500000 seconds" ExpiresByType application/x-shockwave-flash "access plus 2500000 seconds" ExpiresByType text/css "access plus 600000 seconds" ExpiresByType text/javascript "access plus 200000 seconds" ExpiresByType application/javascript "access plus 200000 seconds" ExpiresByType application/x-javascript "access plus 200000 seconds" ExpiresByType text/html "access plus 600 seconds" ExpiresByType application/xhtml+xml "access plus 600 seconds" </IfModule> # END Expire headers
  32. 32. # BEGIN Cache-Control Headers <IfModule mod_headers.c> <filesMatch ".(ico|jpe?g|png|gif|swf)$"> Header set Cache-Control "public" </filesMatch> <filesMatch ".(css)$">
  33. 33. GLOBALE AMBITIE? OVERWEEG EEN CDN
  34. 34. GEBRUIK HTTP/2 SSL IS VEREIST
  35. 35. HTTP/2HTTP/1.1
  36. 36. NOG EEN STAP VERDER
  37. 37. VARNISH HTTP ACCELERATOR
  38. 38. REDIS OBJECT CACHING
  39. 39. Toevoegen aan wp-config.php /** * REDIS config */ define('WP_REDIS_HOST', '176.62.167.157'); define('WP_REDIS_PORT', '10039'); define('WP_REDIS_PASSWORD', 'wachtwoord'); /* That's all, stop editing! Happy blogging. */
  40. 40. VRAGEN? Slides beschikbaar op: https://brechtryckaert.com/blog

×