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.

Speeding Up WordPress - WordCamp Nijmegen 02/09/2017

134 views

Published on

These are the slides for the WordPress performance talk "Speeding up WordPress" I presented at WordCamp Nijmegen

Published in: Internet
  • Be the first to comment

  • Be the first to like this

Speeding Up WordPress - WordCamp Nijmegen 02/09/2017

  1. 1. SPEEDING UP WORDPRESS WORDCAMP NIJMEGEN
  2. 2. BRECHT RYCKAERT Senior Support Engineer & WordPress fanatic at
  3. 3. "MY WEBISTE IS TOO SLOW"
  4. 4. "YOUR SERVER IS TOO SLOW"
  5. 5. POSSIBLE CAUSES
  6. 6. POSSIBLE CAUSES 1. Plugin issues
  7. 7. ALL PLUGINS ENABLED, SITE EXTREMELY SLOW.
  8. 8. ALL PLUGINS DISABLED, SITE NO LONGER FUNCTIONING.
  9. 9. POLYLANG PLUGIN DISABLED, SITE LOADING QUICKER NOTE: NO OTHER OPTIMIZATIONS IMPLEMENTED HERE
  10. 10. POSSIBLE CAUSES 1. Plugin issues 2. Non-optimized resources
  11. 11. POSSIBLE CAUSES 1. Plugin issues 2. Non-optimized resources 3. Render blocking items
  12. 12. POSSIBLE CAUSES 1. Plugin or theme issues 2. Non-optimized resources 3. Render blocking items 4. External delays
  13. 13. POSSIBLE CAUSES 1. Plugin or theme issues 2. Non-optimized resources 3. Render blocking items 4. External delays 5. Server issues
  14. 14. FINDING THE CULPRIT
  15. 15. TOOLS TO HELP YOU INVESTIGATE
  16. 16. GTMETRIX.COM PERFORMANCE ANALYSIS
  17. 17. GOOGLE CHROME DEVELOPER TOOLS WATERFALL BREAKDOWN
  18. 18. P3 PROFILER PLUGIN PLUGIN PERFORMANCE ANALYSIS
  19. 19. MARK I EYEBALL + COMMON SENSE OUR BEST TOOLS:
  20. 20. ...YOU KNOW THIS IS A BAD IDEA, RIGHT? BY WHICH I MEAN:
  21. 21. FIXING THE ISSUES & IMPROVING PERFORMANCE
  22. 22. LIMIT THE NUMBER OF PLUGINS
  23. 23. OPTIMIZE YOUR IMAGES Outside WordPress is best, if not possible, use https://wordpress.org/ plugins/wp-smushit/
  24. 24. FIX RENDER BLOCKING ISSUES Only put essential JS & CSS in header, put all the rest in footer Below The Fold
  25. 25. OPTIMIZE YOUR DATABASE https://wordpress.org/ plugins/wp-optimize/
  26. 26. USING CSS SPRITES Only one image file needs to be loading instead of several ones http://css-tricks.com/css-sprites/
  27. 27. USE GZIP Add to .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
  28. 28. DISABLE 
 ENTITY TAGS add to your .htaccess: Header unset ETag FileETag None
  29. 29. USE MOD_EXPIRES add to your .htaccess:
  30. 30. # 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 # BEGIN Cache-Control Headers <IfModule mod_headers.c> <filesMatch ".(ico|jpe?g|png|gif|swf)$"> Header set Cache-Control "public" </filesMatch> <filesMatch ".(css)$">
  31. 31. GOING GLOBAL? USE A CDN
  32. 32. START USING HTTP/2 REQUIRES AN SSL
  33. 33. SERVER ISSUES? SEVERAL SOLUTIONS
  34. 34. A GOOD WEBSITE NEEDS A GOOD HOSTING PARTNER.
  35. 35. TAKING IT TO 
 THE NEXT LEVEL
  36. 36. VARNISH HTTP ACCELERATOR
  37. 37. REDIS OBJECT CACHING
  38. 38. QUESTIONS? Slides available at: https://www.slideshare.net/ brechtryckaert/speeding- up-wordpress-wordcamp- nijmegen-02092017

×