Getting page speed into the heads of your organization - a first hand report
-
Upload
michael-maretzke -
Category
Technology
-
view
1.427 -
download
0
description
Transcript of Getting page speed into the heads of your organization - a first hand report
![Page 1: Getting page speed into the heads of your organization - a first hand report](https://reader036.fdocuments.in/reader036/viewer/2022081404/55988cec1a28abaf128b4673/html5/thumbnails/1.jpg)
www.friendscout24.de www.friendscout24.de
Getting page speed into the
heads of your organization
– a first hand report
Michael Maretzke
![Page 3: Getting page speed into the heads of your organization - a first hand report](https://reader036.fdocuments.in/reader036/viewer/2022081404/55988cec1a28abaf128b4673/html5/thumbnails/3.jpg)
![Page 4: Getting page speed into the heads of your organization - a first hand report](https://reader036.fdocuments.in/reader036/viewer/2022081404/55988cec1a28abaf128b4673/html5/thumbnails/4.jpg)
Flirten Lebenspartner Abenteuer
- Aktive Suche - Dateroulette
Auch verfügbar - iOS-/Android-App - Facebook-App
- Wissenschaftlicher Test mit Matching Das erste Premium-
Casual-Dating Portal speziell für die Frau
- Diskretion durch Maskentool
- Sicherheit mit Jugendschutzpixel
- Seriös
FriendScout24 - für die Suche nach
dem richtigen Partner
„Full-Service“ für alle ernsthaften Beziehungen
![Page 5: Getting page speed into the heads of your organization - a first hand report](https://reader036.fdocuments.in/reader036/viewer/2022081404/55988cec1a28abaf128b4673/html5/thumbnails/5.jpg)
![Page 6: Getting page speed into the heads of your organization - a first hand report](https://reader036.fdocuments.in/reader036/viewer/2022081404/55988cec1a28abaf128b4673/html5/thumbnails/6.jpg)
![Page 7: Getting page speed into the heads of your organization - a first hand report](https://reader036.fdocuments.in/reader036/viewer/2022081404/55988cec1a28abaf128b4673/html5/thumbnails/7.jpg)
![Page 8: Getting page speed into the heads of your organization - a first hand report](https://reader036.fdocuments.in/reader036/viewer/2022081404/55988cec1a28abaf128b4673/html5/thumbnails/8.jpg)
![Page 9: Getting page speed into the heads of your organization - a first hand report](https://reader036.fdocuments.in/reader036/viewer/2022081404/55988cec1a28abaf128b4673/html5/thumbnails/9.jpg)
2,46s
How fast should your site be?
![Page 10: Getting page speed into the heads of your organization - a first hand report](https://reader036.fdocuments.in/reader036/viewer/2022081404/55988cec1a28abaf128b4673/html5/thumbnails/10.jpg)
http://www.internetretailer.com/2009/09/15/the-new-page-loading-threshold-2-seconds
![Page 11: Getting page speed into the heads of your organization - a first hand report](https://reader036.fdocuments.in/reader036/viewer/2022081404/55988cec1a28abaf128b4673/html5/thumbnails/11.jpg)
http://www.strangeloopnetworks.com/ resources/research/our-need-for-web-speed/
![Page 12: Getting page speed into the heads of your organization - a first hand report](https://reader036.fdocuments.in/reader036/viewer/2022081404/55988cec1a28abaf128b4673/html5/thumbnails/12.jpg)
State of the union.
http://www.radware.com/stateoftheunion-fall2013
![Page 13: Getting page speed into the heads of your organization - a first hand report](https://reader036.fdocuments.in/reader036/viewer/2022081404/55988cec1a28abaf128b4673/html5/thumbnails/13.jpg)
![Page 14: Getting page speed into the heads of your organization - a first hand report](https://reader036.fdocuments.in/reader036/viewer/2022081404/55988cec1a28abaf128b4673/html5/thumbnails/14.jpg)
Why? might you bother
![Page 15: Getting page speed into the heads of your organization - a first hand report](https://reader036.fdocuments.in/reader036/viewer/2022081404/55988cec1a28abaf128b4673/html5/thumbnails/15.jpg)
http://www.nngroup.com/articles/website-response-times/
People want to be in control.
… companies who make us wait instead of providing responsive service
seem either
arrogant or
incompetent
![Page 16: Getting page speed into the heads of your organization - a first hand report](https://reader036.fdocuments.in/reader036/viewer/2022081404/55988cec1a28abaf128b4673/html5/thumbnails/16.jpg)
0.1s
1s
10s
instantaneous
seamless
lost context
Resp
on
se T
ime L
imit
s
http://www.nngroup.com/articles/website-response-times/
![Page 17: Getting page speed into the heads of your organization - a first hand report](https://reader036.fdocuments.in/reader036/viewer/2022081404/55988cec1a28abaf128b4673/html5/thumbnails/17.jpg)
http://connect.phocuswright.com/2010/06/phocuswrightakamai-study-on-travel-site-performance/
57% of online customers will wait 3 seconds or less before leaving the site.
65% of 18-24 years old expect a
page to load in 2 seconds or less.
34% of online customers will less likely return to a site when experiencing technical issues.
![Page 18: Getting page speed into the heads of your organization - a first hand report](https://reader036.fdocuments.in/reader036/viewer/2022081404/55988cec1a28abaf128b4673/html5/thumbnails/18.jpg)
Why? should you bother
![Page 19: Getting page speed into the heads of your organization - a first hand report](https://reader036.fdocuments.in/reader036/viewer/2022081404/55988cec1a28abaf128b4673/html5/thumbnails/19.jpg)
5s faster pages
10% more revenue
http://assets.en.oreilly.com/1/event/29/Shopzilla%27s%20Site%20Redo%20-%20You%20Get%20What%20You%20Measure%20Presentation.ppt
![Page 20: Getting page speed into the heads of your organization - a first hand report](https://reader036.fdocuments.in/reader036/viewer/2022081404/55988cec1a28abaf128b4673/html5/thumbnails/20.jpg)
http://assets.en.oreilly.com/1/event/29/The%20User%20and%20Business%20Impact%20of%20Server%20Delays,%20Additional%20Bytes,%20and%20HTTP%20Chunking%20in%20Web%20Search%20Presentation.pptx
![Page 21: Getting page speed into the heads of your organization - a first hand report](https://reader036.fdocuments.in/reader036/viewer/2022081404/55988cec1a28abaf128b4673/html5/thumbnails/21.jpg)
http://www.exp-platform.com/Documents/IEEEComputer2007OnlineExperiments.pdf
100ms slower pages
1% less revenue
![Page 22: Getting page speed into the heads of your organization - a first hand report](https://reader036.fdocuments.in/reader036/viewer/2022081404/55988cec1a28abaf128b4673/html5/thumbnails/22.jpg)
http://www.exp-platform.com/Documents/IEEEComputer2007OnlineExperiments.pdf
500ms slower results
20% less revenue
![Page 23: Getting page speed into the heads of your organization - a first hand report](https://reader036.fdocuments.in/reader036/viewer/2022081404/55988cec1a28abaf128b4673/html5/thumbnails/23.jpg)
http://www.slideshare.net/stoyan/yslow-20-presentation
400ms slower pages
9% drop in full- page traffic
![Page 24: Getting page speed into the heads of your organization - a first hand report](https://reader036.fdocuments.in/reader036/viewer/2022081404/55988cec1a28abaf128b4673/html5/thumbnails/24.jpg)
http://blog.mozilla.org/metrics/2010/04/05/firefox-page-load-speed-%E2%80%93-part-ii/
2.2s faster download pages
60m additional downloads
![Page 25: Getting page speed into the heads of your organization - a first hand report](https://reader036.fdocuments.in/reader036/viewer/2022081404/55988cec1a28abaf128b4673/html5/thumbnails/25.jpg)
Why did we care?
![Page 26: Getting page speed into the heads of your organization - a first hand report](https://reader036.fdocuments.in/reader036/viewer/2022081404/55988cec1a28abaf128b4673/html5/thumbnails/26.jpg)
decrease increase
![Page 27: Getting page speed into the heads of your organization - a first hand report](https://reader036.fdocuments.in/reader036/viewer/2022081404/55988cec1a28abaf128b4673/html5/thumbnails/27.jpg)
Get it into the
heads
![Page 28: Getting page speed into the heads of your organization - a first hand report](https://reader036.fdocuments.in/reader036/viewer/2022081404/55988cec1a28abaf128b4673/html5/thumbnails/28.jpg)
Give it a face.
![Page 29: Getting page speed into the heads of your organization - a first hand report](https://reader036.fdocuments.in/reader036/viewer/2022081404/55988cec1a28abaf128b4673/html5/thumbnails/29.jpg)
![Page 30: Getting page speed into the heads of your organization - a first hand report](https://reader036.fdocuments.in/reader036/viewer/2022081404/55988cec1a28abaf128b4673/html5/thumbnails/30.jpg)
Strategy. Technology. 2013 Technology Goal.
Two – 4 – Twohundred T – Deliver any web page within 2 seconds to our customers.
4 – Deliver any mobile web page within 4 seconds to our customers over 3G.
T – Any request over the REST API is answered below 200 milliseconds.
![Page 31: Getting page speed into the heads of your organization - a first hand report](https://reader036.fdocuments.in/reader036/viewer/2022081404/55988cec1a28abaf128b4673/html5/thumbnails/31.jpg)
Awareness Speed matters
endless repetition +++ endless repetition +++ endless repetition +++ endless repetition +++ endless repetition +++ endless repetition +++ endless repetition +++ endless repetition +++ endless repetition +++ endless repetition +++ endless repetition +++ endless repetition +++ endless repetition +++ endless repetition +++ endless repetition +++ endless repetition +++ endless repetition +++ endless repetition +++ endless repetition +++ endless repetition +++ endless repetition +++ endless repetition +++ endless repetition +++ endless repetition +++ endless repetition +++ endless repetition +++ endless repetition +++ endless repetition +++ endless repetition +++ endless repetition +++ endless repetition +++ endless repetition +++ endless repetition +++ endless repetition +++ endless repetition +++
![Page 32: Getting page speed into the heads of your organization - a first hand report](https://reader036.fdocuments.in/reader036/viewer/2022081404/55988cec1a28abaf128b4673/html5/thumbnails/32.jpg)
Tell people what IS
important to you.
![Page 33: Getting page speed into the heads of your organization - a first hand report](https://reader036.fdocuments.in/reader036/viewer/2022081404/55988cec1a28abaf128b4673/html5/thumbnails/33.jpg)
Page Load Time
Page Weight Web TX Time Apdex
(server + network + DOM + rendering)
(#requests + bytes)
(TX duration)
(satisfied req <= T | tolerating req > T | frustrated req > (4xT))
satisfied reqs + (tolerating reqs / 2)
total # of requests Apdex = T=2
![Page 34: Getting page speed into the heads of your organization - a first hand report](https://reader036.fdocuments.in/reader036/viewer/2022081404/55988cec1a28abaf128b4673/html5/thumbnails/34.jpg)
Measure your KPI‘s.
Talk about the KPI‘s.
![Page 35: Getting page speed into the heads of your organization - a first hand report](https://reader036.fdocuments.in/reader036/viewer/2022081404/55988cec1a28abaf128b4673/html5/thumbnails/35.jpg)
What did we do? Technically.
![Page 36: Getting page speed into the heads of your organization - a first hand report](https://reader036.fdocuments.in/reader036/viewer/2022081404/55988cec1a28abaf128b4673/html5/thumbnails/36.jpg)
Titel der Präsentation | Autor der Präsentation
Seite 36
replace icons with webfonts
decrease #of AJAX requests
refactoring views
introducing caches
re-think models
optimize server
load externals asynchronously
![Page 37: Getting page speed into the heads of your organization - a first hand report](https://reader036.fdocuments.in/reader036/viewer/2022081404/55988cec1a28abaf128b4673/html5/thumbnails/37.jpg)
External dependencies asynchronously and / or after onLoad() …
400 ms saved.
load externals asynchronously
![Page 38: Getting page speed into the heads of your organization - a first hand report](https://reader036.fdocuments.in/reader036/viewer/2022081404/55988cec1a28abaf128b4673/html5/thumbnails/38.jpg)
50% of server side load time spent on queries.
re-think models
![Page 39: Getting page speed into the heads of your organization - a first hand report](https://reader036.fdocuments.in/reader036/viewer/2022081404/55988cec1a28abaf128b4673/html5/thumbnails/39.jpg)
921 queries
21 queries
12x faster
re-think models
![Page 40: Getting page speed into the heads of your organization - a first hand report](https://reader036.fdocuments.in/reader036/viewer/2022081404/55988cec1a28abaf128b4673/html5/thumbnails/40.jpg)
What did we gain?
![Page 41: Getting page speed into the heads of your organization - a first hand report](https://reader036.fdocuments.in/reader036/viewer/2022081404/55988cec1a28abaf128b4673/html5/thumbnails/41.jpg)
Result.
Page load time reduction: -27%
![Page 42: Getting page speed into the heads of your organization - a first hand report](https://reader036.fdocuments.in/reader036/viewer/2022081404/55988cec1a28abaf128b4673/html5/thumbnails/42.jpg)
Result.
App server response time: -25%
![Page 43: Getting page speed into the heads of your organization - a first hand report](https://reader036.fdocuments.in/reader036/viewer/2022081404/55988cec1a28abaf128b4673/html5/thumbnails/43.jpg)
Impact.
-24% less profile resigns
Impact analysis on data set for Nov. 12 – Mar. 13
more messages +71% revenue Secret = f(activity ) Secret
activity Secret = f(messages, searches, profiles, pictures, …)
![Page 44: Getting page speed into the heads of your organization - a first hand report](https://reader036.fdocuments.in/reader036/viewer/2022081404/55988cec1a28abaf128b4673/html5/thumbnails/44.jpg)
November
2012
January
2013
March
2013
December
2012
February
2013
User Perception of Performance
![Page 45: Getting page speed into the heads of your organization - a first hand report](https://reader036.fdocuments.in/reader036/viewer/2022081404/55988cec1a28abaf128b4673/html5/thumbnails/45.jpg)
User Perception of Performance
Impact analysis on data set for Nov. 12 – Mar. 13
Big impact and positive measureable reaction after single architecture rework release.
Low impact and no measureable reaction on continuous improvements.
![Page 46: Getting page speed into the heads of your organization - a first hand report](https://reader036.fdocuments.in/reader036/viewer/2022081404/55988cec1a28abaf128b4673/html5/thumbnails/46.jpg)
Titel der Präsentation | Autor der Präsentation
Seite 46
So, Web Performance …
… is a business differentiator … comes hand-in-hand with an
engineering culture … takes time to get it into the heads
of your organization
![Page 47: Getting page speed into the heads of your organization - a first hand report](https://reader036.fdocuments.in/reader036/viewer/2022081404/55988cec1a28abaf128b4673/html5/thumbnails/47.jpg)
• http://www.flickr.com/photos/4x4paper/4282422565
• http://www.flickr.com/photos/mikelo/534441248/
• http://www.flickr.com/photos/backa/4180780815/
• http://www.flickr.com/photos/filterforge/8588372939/
• http://www.flickr.com/photos/59937401@N07/5930032284/
• http://www.flickr.com/photos/8504751@N02/3801783121/
• http://www.flickr.com/photos/hyku/311195753/
• http://www.flickr.com/photos/dobrych/3613722863/
• http://www.flickr.com/photos/squeaks2569/4031665280/
• http://www.flickr.com/photos/byteboy/8752924482/
• http://www.flickr.com/photos/liverpoolhls/10740309163/
• http://www.flickr.com/photos/jdhancock/3472771038
• http://www.flickr.com/photos/hamillianactor/362021036
Q&A