We all know how important it is to make a good first impression; ‘smile’ ‘eye contact’ you’ve heard it all. However, it’s also important when building experiences on the web. According to Google research, we just have 5 seconds to capture people’s attention and they expect their sites to load in a flash. How fast your website loads is the absolute first impression you make.

1. SPEED
The or
How to Improve your Website Performance

2. Hello!
a faster web that works
for everyone.
Mike Rynart
Find me at @mikerynart
and mikerynart.com

3. 4,000,000,000

4. WORDPRESS POWER
su

5. Source: https://venturebeat.com/2018/03/05/wordpress-now-powers-30-of-websites/

6. Source: https://wordpress.org/showcase/

7. Source: https://wp15.wordpress.net/
Hap b h Wor s !! #W 15

8. GLOBAL COMMUNITY
Pow b Wo d s

9. AGENDA
Web Performance
matters
Web Performance
Tips & Tricks
Web Performance
Management

10. Source: Statcounter.com

11. 60%
Source: Hitwise
Mobile Search

12. https://search.google.com/test/mobile-friendly
Google’s
Mobile-First Index
March 26, 2018

13. “Speed is the most
important feature”
- Fred Wilson

14. Akamai Technologies, “Consumer Web Performance Expectations Survey”, 2014
1 out of 2 people
expect a page to load in
less than 2 seconds

15. Source: DoubleClick - The need for mobile speed, September 2016
53%of visits are
abandoned if a mobile
site takes more than
3 seconds to load

16. Google research: thinkwithgoogle.com
Average
Load Time
Mobile Web
15 Seconds

17. https://visitbelfast.com/
Lets see how fast is Belfast....

18. https://testmysite.withgoogle.com/
Ouc !
18M

19. https://testmysite.withgoogle.com/

20. Source: DoubleClick - The need for mobile speed, September 2016
Best practice
500KB
s e n iz
ma r!

21. The web is
DOOM
2.3 MB
https://www.wired.com/2016/04/average-webpage-now-size-original-doom/

22. 4G
Source: Google Chrome User Experience Report Global, 2018.

23. Google
Speed Update
https://webmasters.googleblog.com/2018/01/using-page-speed-in-mobile-search.html
Live July 2018

24. https://www.thinkwithgoogle.com/feature/mobile/
Google
Scorecard
5 seconds or less
on mobile devices
with 3G connections

25. https://wpostats.com/

26. Web Performance
Retaining users
User experience
Conversions
People

27. “If You Can’t Measure It,
You Can’t Improve It”
- Peter Drucker
Web Performance Management

28. Web Performance tools
https://developers.google.com/web/fundamentals/performance/speed-tools/
PageSpeed Insights GT Metrix Pingdom
LighthouseChrome Developer ToolsWebPageTest

29. WebPageTest
https://webpagetest.org/easy - Moto G4 - Chrome - 4G
Speed Index:
Lower is Better
Target under
3000 ms

30. WebPageTest waterfall

31. Film strip recording
https://www.webpagetest.org/video/compare.php?tests=ID1, ID2

32. Key Performance Metrics
https://sites.google.com/a/webpagetest.org/docs/using-webpagetest/metrics
● SpeedIndex (target < 3 sec for mobile)
● Page Size (Target < 500 KB)
● Server Requests (Target < 50)
● Time to first byte (Target < 1.3 sec)
● Load Time (5 seconds or less on 3G)

33. https://speedcurve.com
Performance Budgets

34. https://speedcurve.com
Benchmark

35. “What you do today can
improve all your tomorrows.”
- Ralph Marston
op se
Web Performance Tips & Tricks

36. https://miamitouristguide.com

37. https://testmysite.withgoogle.com/

38. WordPress Hosting
CDNHTTP/2 PHP7SSL

40. “80% of the end-user
response time is spent on
the frontend. Start there.”
- Steve Souders

41. 25%
25% of sites could save > 250KB

42. What to optimize?
https://webpagetest.org

43. PageSpeed
Insights
https://developers.google.com/speed/pagespeed/insights/
Page Speed Score
80+ is good

44. Images
Addy Osmani: https://images.guide/

45. What plugin should I install?

46. Tide
https://make.wordpress.org/tide/
Making Wordpress more
performant, secure,
reliable, and accessible.

47. Imagify
https://wordpress.org/plugins/imagify/
Image Optimizer

48. ImagesImages
356 KB 47 KB
Image Optimization Tools: ImageOptim
86%
savings

49. https://developer.chrome.com/devtools
TTFB
Time to first byte:
Lower is Better
Target below
200 ms

50. HTML + CSS + JS

51. Crush It!

52. https://wordpress.org/plugins/wp-super-cache/
Cache and Compress
WP Super Cache

53. Cache and Compress
https://wordpress.org/plugins/w3-total-cache/
W3 Total Cache

54. https://wordpress.org/plugins/autoptimize/
Merge and Minify
Autoptimize

55. Merged + Minified

56. https://developer.chrome.com/devtools
Less is Better
Target < 50
Server requests
DEV Tools

57. Source: HTTP Archive - https://httparchive.org/reports/page-weight
1.5MB
Total Page Size
Lower is Better
Target < 500 KB

58. https://wordpress.org/plugins/plugin-load-filter/
Plugin
Load Filter

59. https://speedcurve.com
Development vs Production

60. https://testmysite.withgoogle.com/

61. PageSpeed
Insights
https://developers.google.com/speed/pagespeed/insights/
Page Speed Score
80+ is good

62. “There is more to life
than increasing its Speed”
- Mahatma Gandhi

63. https://www.ampproject.org/amp-conf/

64. https://wordpress.org/plugins/amp/

65. WordPress + Speed =

66. Boost your website
1. Improve your web performance
2. Let's connect @mikerynart
https://mikerynart.com/fasterweb/

67. Thank you
Any questions about
web performance?
Find me at @mikerynart and mikerynart.com