Web Performance the base for DevOps?! - Webperf Meetup Atlanta

1 #kenzenhofer

Klaus Enzenhoferklaus.enzenhofer@dynatrace.com#kenzenhofer

Web-Performance the base for DevOps?!

2 #kenzenhofer

Performance Tools

3 #kenzenhofer

Klaus Enzenhoferklaus.enzenhofer@dynatrace.com#kenzenhofer

Web-Performance the base for DevOps?!

And just very recently @ Euro Song Contest

What you should check out …

11 #kenzenhofer

DevOps Team

Developer Tester Operations

12 #kenzenhofer

Developer

Tester

Operations

Customer

13 #kenzenhofer

The Problem

in the World

today is

COMMUNICATION

14 #kenzenhofer

Metrics……the IT language

15 #kenzenhofer

# of Requests Weight Response Time

16 #kenzenhofer

# of Requests

17 #kenzenhofer

“We want more Web 2.0”

18 #kenzenhofer

Load Test Prior to Change

19 #kenzenhofer

Load Test After Change

20 #kenzenhofer

21 #kenzenhofer

There is more than you think …Third Party Content

Our Content

22 #kenzenhofer

23 #kenzenhofer

Adult Industry

XXX.com

142 TPC Domains

24 #kenzenhofer

Weight

25 #kenzenhofer

Mobile Landing Page of Super Bowl Ad

434 Resources in total on that page:230 JPEGs, 75 PNGs, 50 GIFs, …

Total size of ~ 20MB

26 #kenzenhofer

m.store.com redirects to www.store.comALL CSS and JS files are

redirected to the www domain

This is a lot of time “wasted” especially on high latency mobile

connections

27 #kenzenhofer

Critical Pages not Optimized!

Browse, Search and Product Info

performs well

… because they don’t follow best practices: 87 Requests, 28

Redirects, …

Critical Pages such as Shopping Cart are very

slow …

28 #kenzenhofer

Response Time

29 #kenzenhofer

Did the Superbowl Investment pay off for KIA?

30 #kenzenhofer

Ad

on

air

31 #kenzenhoferCOMPANY CONFIDENTIAL – DO NOT DISTRIBUTE

@

1h before SuperBowl KickOff

1h after Game ended

32 #kenzenhofer

The Developer‘s/Operator‘s Nightmare

Customer Support

33 #kenzenhofer

The Developer‘s/Operator‘s Nightmare

Biz/Support IT Operations

Development

Fix the issue!We are losing money!

34 #kenzenhofer

“Teamwork” between Dev and Ops

SEV1 Problem in Production

Need access to log files

Where are they? Can’t get them

Need to increase log level

Can’t do! Can’t change configfiles in prod!

35 #kenzenhofer

A user’s contact list

36 #kenzenhofer

A user’s contact list

Switch from Mail to Contacts

Visit of the user that complained

37 #kenzenhofer

A user’s contact list

Error in Browser

Which JavaScript File

Line of Code

38 #kenzenhofer

? ? ?

Unit/Integration

Tests

Acceptance

Tests

Capacity

Tests

ReleaseDevelopers

39 #kenzenhofer

Performance Issues

Unit Tests Integration Tests

Acceptance Tests

Load Tests

Meets requirements

Responds correctly to input

Performs in acceptable time

Usability

Deployment

Achieves Correct Result

40 #kenzenhofer

Basics

Metric: Test duration

I don’t like endsWith…… I like regex!

41 #kenzenhofer

What is the response time?

42 #kenzenhofer

The Performance Impact

Navigation Timings

This is 2012 style!

43 #kenzenhofer

The Performance Impact

http://apdex.org/

0 2.0s 8.0s(4 x 2.0s)

Satisfied Tolerating Frustrated

Navigation Timings

44 #kenzenhofer

Single Page Load Apps

W3C Timings Blindspots!

http://blogs.telerik.com/telerikmarketing/posts/14-05-21/everything-you-wanted-to-know-about-native-hybrid-and-web-apps-but-were-afraid-to-ask

Omni Channel Market

Navigation Timings Navigation Timings

User Action Response Time

45 #kenzenhofer

Errors – Have the biggest „social“ impact!

46 #kenzenhofer

User Experience Index

User Action

Response TimeErrors

47 #kenzenhofer

Learn from a Users Journey

48 #kenzenhofer

User Experience Index

User BehaviorUser Action

Response TimeErrors

49 #kenzenhofer

Is this STILL Enough?

Bandwidth

50 #kenzenhofer

User BehaviorUser Environment

User Experience Index

User Action

Response Time

Errors

51 #kenzenhofer

The mobile challenge and metrics

52 #kenzenhofer

53 #kenzenhofer

We need a mobile strategy!

54 #kenzenhofer

55 #kenzenhofer

56 #kenzenhoferhttp://fintalk.cdw.com/2015/01/08/financial-it-trends-banks-infographic-2015/

57 #kenzenhofer

“Our customers expect the same experience throughout all our channels no matter if it is

the website, mobile site or the real physical store!”

Mike Austin, Director of e-CommerceRoomstoGo.com

58 #kenzenhofer

Developer

Tester

Operations

Customer CareBusinessCustomer

Do metricsas a common language

still work?

59 #kenzenhofer

60 #kenzenhofer

Successfulsearches

Unsuccessful searchesbroken down by reason

61 #kenzenhofer

If we do all that

62 #kenzenhofer

We align Technical Goals …

80% Dev Time for Bug Fixing

$60B Costs by Defects

63 #kenzenhofer

… with Business Goals

64 #kenzenhofer

Klaus EnzenhoferSenior Technology Strategist

#kenzenhofer

klaus.enzenhofer@dynatrace.com

http://blog.dyntrace.com

Thank You!