Slides go through examples on how to use synthetic monitoring to optimize web performance at global scale

1. How Synthetic Monitoring Helps Optimize
Performance
Presented by: Xoan Vilas, Performance Lead, trivago

2. Xoan Vilas - @xo4n
55 live platforms
DUS
SFO
CAN
HKG

3. Xoan Vilas - @xo4n
FactSheet
Some data values to get an idea
Unique visitors: 120 Million/month
Number of Web requests: 230 Million/day
CDN images traffic: 350TB/month
Image Requests: 12 Billion/month

4. Xoan Vilas - @xo4n
Performance strategy
End User
Experience
Synthetic Monitoring
Real User Monitoring (RUM)
Traffic mirroring
Analytics
Reporting
Components
DeepDive
Application
Architecture
Dimension Area of focus Objective
Metrics collection and standardisation
Real time metrics visualisation with per
10 second resolution
Measure and improve user performance
perception
Backend application profiling
Frontend application profiling
Log data discovery
Transaction flow
Unique identifier
Application and hardware optimisation
Capacity planning
Trends reporting
Bottlenecks and anomalies detection
Improve code for better performance
Automate code performance
measurements
Find code errors and patterns
Mapping transactions and applications to
the underlaying infrastructure

5. Xoan Vilas - @xo4n
Backend Performance

6. Xoan Vilas - @xo4n
Backend performance overview
Top 3 changes in 2016 with the biggest performance impact

7. Xoan Vilas - @xo4n
Upgrade to PHP7
Lower memory & CPU consumption & faster responses *
*) https://twitter.com/xo4n/status/734762501867442176

8. Xoan Vilas - @xo4n
Higher CPU clock speed
From 2.60Ghz to 3.07Ghz > 70ms faster PHP response time *
*) https://twitter.com/xo4n/status/755774522146557952

9. Xoan Vilas - @xo4n
Impact in conversions
faster responses lead to more conversions. Case studies in
wpostats.com already indicated that

10. Xoan Vilas - @xo4n
Frontend Performance

11. Xoan Vilas - @xo4n
Webpack & JS startup improvements
#1 Reduce asset size by loading features on demand
#2 Asset caching
#3 Prioritise users over collecting data
#4 Inline SVG icons
http://tech.trivago.com/2016/08/19/js-startup-improvements/

12. Xoan Vilas - @xo4n

13. Xoan Vilas - @xo4n
Prioritising users vs collecting data

14. Xoan Vilas - @xo4n
Number of items per page
Year to Year js files increase after the introduction of WebPack

15. Xoan Vilas - @xo4n
Inline SVG icons
We improved the maintenance of trivago icon system and got
better performance as a bonus
http://tech.trivago.com/2016/09/05/inline-svg-icon-system/

16. Xoan Vilas - @xo4n
Moving to HTTPS
The road to #pwa

17. Xoan Vilas - @xo4n
Moving to HTTPS
Keep an eye on latency impact and 3rd parties SSL performance

18. Xoan Vilas - @xo4n
Introducing HTTP2
The road to #pwa

19. Xoan Vilas - @xo4n
trivago in China

20. Xoan Vilas - @xo4n
Custom setup
Mixed hosting in Mainland and HongKong

21. Xoan Vilas - @xo4n
Backend performance improvement
MPLS line between datacenter in mainland China and HKG

22. Xoan Vilas - @xo4n
DNS performance
The importance of DNS is often forgotten and has big impact

23. Xoan Vilas - @xo4n
Third parties performance in China
trivago improved response times but 3rd parties not

24. Xoan Vilas - @xo4n
Troubleshooting and Feature
performance

25. Xoan Vilas - @xo4n
CDN evaluation
ChinaCache vs ChinaNetCenter

26. Xoan Vilas - @xo4n
CDN configuration
ChinaCache set up

27. Xoan Vilas - @xo4n
CDN issues
Edgecast outage

28. Xoan Vilas - @xo4n
Assets delivery
Assets caching issues caused
by Varnish miss configuration

29. Xoan Vilas - @xo4n
Third party issues
Miss configured 3rd parties
on trivago’s brazilian platform

30. Xoan Vilas - @xo4n
Feature testing
Compare performance
of different features

31. Xoan Vilas - @xo4n
room5
trivago’s online hotel magazine

32. Xoan Vilas - @xo4n
Content Marketing
Scaling and optimizing a wordpress blog on AWS

33. Xoan Vilas - @xo4n
Higher CPU clock speed
From 2.60Ghz to 3.07Ghz > 70ms faster PHP response time *
*) https://twitter.com/xo4n/status/755774522146557952

34. Xoan Vilas - @xo4n
Facebook token
Query optimization
PHP7
Cache2 weeks
Performance optimisations

35. Xoan Vilas - @xo4n
Results after optimisations

36. Xoan Vilas - @xo4n
Analyze ImproveMeasure

38. THANK YOU!
Please don’t forget to fill out the mobile app survey for this session