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!

1. your website performance
WordCamp Brighton 2019
How to measure, improve and maintain

2. INTRO

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. ● 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. Why care?
https://wpostats.com

6. Measure correctly
MEASURE

7. ➢ It’s not about your perception
MEASURE

9. ➢ It’s not about your perception
➢ It’s not about the scores
MEASURE

10. * Source: https://wp-rocket.me/blog/pingdom-vs-gtmetrix-vs-webpagetest-different/
Pingdom
GtMetrix
WebPageTest

11. ➢ It’s not about your perception
➢ It’s not about the scores
➢ It’s not about the tools
MEASURE

12. It’s all about your users
MEASURE

13. How to measure load time correctly
1. numbers!
2. location
3. connection
4. run several times
5. different page types
MEASURE

14. How good isMEASURE
Photo creds to @Rarst

15. MEASURE
1. Speed Index < 3 seconds
2. Request count < 50
3. Page weight < 500KB
Some numbers:
* Recommended by Google

16. 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

17. 20% faster
than competitors is
MEASURE
Photo creds to @Rarst

18. Improve

19. IMPROVEDNS: How it works?
Graphics used:
freepik

20. IMPROVE Why dedicated DNS is better?
Site tested: example.com Site tested: cloudflare.com
DnsPerf.com

21. 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

22. IMPROVEHosting: Mind the distance!
● Better TTFB
● Less time spent on receiving data from
server

23. 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

24. IMPROVEHosting and HTTP/2
1. Allows you to use HTTP/2 server push
2. Supports multiplexing
3. Prioritization strategy
4. Headers compression
HTTP2.pro

25. IMPROVEHosting and PHP versions
https://www.php.net/supported-versions.php

26. IMPROVETypes of cache
Server PHP Database
No caching appliedGraphics used:
freepik

27. IMPROVETypes of cache
1. Page caching
2. Object caching
3. Browser caching

28. IMPROVE
Server
PHP
Database
Is page
cached?
Yes
No
Types of cache: Page Caching
Graphics used:
freepik

29. IMPROVETypes of cache: Object Caching
Server
PHP
Is page
cached?
Yes
No
Yes
Database
Is data in cache?
No
Graphics used:
freepik

30. 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

31. IMPROVEMedia: Serve scaled images

32. IMPROVEMedia: Serve scaled images
-99.5%
before
2071x2083 pixels
840KB
https://sabrinazeidan.com/serve-scaled-images-wordpress/
after
43x43 pixels
3.8KB

33. IMPROVEMedia: Losslessly compress images
-75%
before
7.92 MB
after
1.97 MB
Imagify
Mass Image Compressor

34. IMPROVEMedia: Losslessly compress videos
-91%
before
6.90 MB
after
601 Kb
FFMPEG

35. after
133KB
IMPROVEMedia: Turn funny GIFs into MP4
-92%
before
1.58 MB
EZGIF

36. IMPROVEMedia: LazyLoad images and videos
-22%
before
3.2s
after
2.5s
https://sabrinazeidan.com/embed-youtube-video-wordpress-without-slowing/
WP Rocket

37. IMPROVEExternal resources
Silent
performance
killers

38. IMPROVE
● 38 requests
● 646 KB

39. IMPROVEImportant things for improvement:
1. Fast DNS
2. Hosting and TTFB
3. Caching
4. Optimized media
5. External resources

40. Maintain

41. 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

42. MAINTAINKeep an eye on it
1. Regular check-ups
2. And when changes are made
3. Mind to test not just homepage

43. MAINTAINKeep an eye on it
https://wordpress.org/plugins/speedguard/

44. @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 :)