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.

How to Measure, Improve and Maintain Your WordPress Website Performance [WordCamp Brighton 2019]

57 views

Published on

You’ve already heard that slow website keeps you from good conversation numbers and high Google ranking. But how do you know if your website is that slow?

By attending to this talk, you’ll learn:
How to measure performance of your site properly
Why fast DNS service is important
What you should be aware of when choosing hosting provider
What could be done on WordPress level to speed the things up
We will finish with a few tips on how to keep your site being blazing fast for a long time.
You will want to take notes!

Published in: Business
  • Be the first to comment

  • Be the first to like this

How to Measure, Improve and Maintain Your WordPress Website Performance [WordCamp Brighton 2019]

  1. 1. your website performance WordCamp Brighton 2019 How to measure, improve and maintain
  2. 2. INTRO
  3. 3. Piotr Bąk ● 8 years of great adventure with WordPress ● Rocketeer at ● Enjoys all kinds of sports ● Digital nomad with two cats on board
  4. 4. ● WordPress lover since 2010 ● WordPress Multisite fan ● Rocketeer at ● Loves spaghetti with tomato and basil ● Swims 4,3 km per hour freestyle Sabrina Zeidan
  5. 5. Why care? https://wpostats.com
  6. 6. Measure correctly MEASURE
  7. 7. ➢ It’s not about your perception MEASURE
  8. 8. ➢ It’s not about your perception ➢ It’s not about the scores MEASURE
  9. 9. * Source: https://wp-rocket.me/blog/pingdom-vs-gtmetrix-vs-webpagetest-different/ Pingdom GtMetrix WebPageTest
  10. 10. ➢ It’s not about your perception ➢ It’s not about the scores ➢ It’s not about the tools MEASURE
  11. 11. It’s all about your users MEASURE
  12. 12. How to measure load time correctly 1. numbers! 2. location 3. connection 4. run several times 5. different page types MEASURE
  13. 13. How good isMEASURE Photo creds to @Rarst
  14. 14. MEASURE 1. Speed Index < 3 seconds 2. Request count < 50 3. Page weight < 500KB Some numbers: * Recommended by Google
  15. 15. MEASURE 1. Speed Index = 5.98 seconds 2. Request count = 111 3. Page weight = 2.96 MB Some other numbers: * Average for UK, reported by Google
  16. 16. 20% faster than competitors is MEASURE Photo creds to @Rarst
  17. 17. Improve
  18. 18. IMPROVEDNS: How it works? Graphics used: freepik
  19. 19. IMPROVE Why dedicated DNS is better? Site tested: example.com Site tested: cloudflare.com DnsPerf.com
  20. 20. IMPROVEHosting and TTFB (Time To First Byte): 1. Distance to the server 2. DNS lookup time 3. Performance of your server 4. Caching and WordPress configuration 5. Quality of user’s internet connection
  21. 21. IMPROVEHosting: Mind the distance! ● Better TTFB ● Less time spent on receiving data from server
  22. 22. IMPROVEHosting and CDN 1. Request example.com 2. Response index.html, cdn.example.com/image.png 3. Request cdn.example.com/image.png 4. Response from closest server Graphics used: freepik freepik
  23. 23. IMPROVEHosting and HTTP/2 1. Allows you to use HTTP/2 server push 2. Supports multiplexing 3. Prioritization strategy 4. Headers compression HTTP2.pro
  24. 24. IMPROVEHosting and PHP versions https://www.php.net/supported-versions.php
  25. 25. IMPROVETypes of cache Server PHP Database No caching appliedGraphics used: freepik
  26. 26. IMPROVETypes of cache 1. Page caching 2. Object caching 3. Browser caching
  27. 27. IMPROVE Server PHP Database Is page cached? Yes No Types of cache: Page Caching Graphics used: freepik
  28. 28. IMPROVETypes of cache: Object Caching Server PHP Is page cached? Yes No Yes Database Is data in cache? No Graphics used: freepik
  29. 29. IMPROVETypes of cache: Browser Caching Server PHP Database Is page cached? Yes No Is data in cache? Yes Noimage.png style.css script.js Graphics used: freepik
  30. 30. IMPROVEMedia: Serve scaled images
  31. 31. IMPROVEMedia: Serve scaled images -99.5% before 2071x2083 pixels 840KB https://sabrinazeidan.com/serve-scaled-images-wordpress/ after 43x43 pixels 3.8KB
  32. 32. IMPROVEMedia: Losslessly compress images -75% before 7.92 MB after 1.97 MB Imagify Mass Image Compressor
  33. 33. IMPROVEMedia: Losslessly compress videos -91% before 6.90 MB after 601 Kb FFMPEG
  34. 34. after 133KB IMPROVEMedia: Turn funny GIFs into MP4 -92% before 1.58 MB EZGIF
  35. 35. IMPROVEMedia: LazyLoad images and videos -22% before 3.2s after 2.5s https://sabrinazeidan.com/embed-youtube-video-wordpress-without-slowing/ WP Rocket
  36. 36. IMPROVEExternal resources Silent performance killers
  37. 37. IMPROVE ● 38 requests ● 646 KB
  38. 38. IMPROVEImportant things for improvement: 1. Fast DNS 2. Hosting and TTFB 3. Caching 4. Optimized media 5. External resources
  39. 39. Maintain
  40. 40. MAINTAINTake care of database Get rid of unused data 1. Old plugins that haven’t deleted their data 2. Post revisions 3. Post drafts 4. Spammy comments Advanced Database Cleaner
  41. 41. MAINTAINKeep an eye on it 1. Regular check-ups 2. And when changes are made 3. Mind to test not just homepage
  42. 42. MAINTAINKeep an eye on it https://wordpress.org/plugins/speedguard/
  43. 43. @sabrina_zeidan http://sabrinazeidan.com/ sabrinazeidan@gmail.com WordCamp Brighton 2019 Get in touch with us: Questions? piotr@wp-media.me Or just say Hi! right after this talk is over :)

×