2. about:sevenval
•Web Expert since 1999
Adaptive One Web Infrastructure Technology
Future Friendly web design expertise
Highly experienced: over 800 accomplished projects
•Offices in Cologne, Berlin, London and Vienna
•Our Clients: Fortune 500 and DAX companies
•Our Partner: PayPal, Interone, GSI Commerce, CoreMedia,
Wincor Nixdorf, T-Systems, etc.
13. What Users Want From Mobile?
...62% agreed that speed was
the most important feature for
them while browsing the mobile web,
followed by ease of use (42%), more
functionality (30%) and saving money
and data (29%).
http://business.opera.com/press/releases/mobile/brazil-feels-the-need-for-speed
15. May 29, 2008
„When the company (Google) trimmed the
120KB page size down by about 30
percent, the company started getting about
30 percent more map requests.“
http://news.cnet.com/8301-10784_3-9954972-7.html
16. •Shopzilla speed up average page
load time from 6 seconds to 1.2
seconds.
•Result: 12% increase in revenue.
http://velocityconf.com/velocity2009/public/schedule/detail/7709
Your Boss ♥ Fast Websites
18. „The extent of consumer annoyance is hardly
surprising when we consider the average Briton
estimates that they waste 9 minutes every day,
or 2 days a year, waiting for slow
websites to load.“
http://press.1and1.co.uk/xml/article?article_id=1123
http://www.flickr.com/photos/donkeyhotey/5679642883/
19. We waste
9 minutes a day, 2 days a year, 0.56% our lives
for waiting on slow websites?!
20. How fast is your site?
•5 seconds
•less than 5 seconds?
•more than 5 seconds?
21. Germany Retail – Mobile – O2/iPhone
July 01, 2012 - August 01, 2012 / 0:00 - midnight
18.9 sec?!
Average
http://www.gomez.com/germany-retail-mobile
28. „...I used http://mediaqueri.es/ as a repository (471 websites) ... resized to one of 4 different
screen resolutions each time ... less than 7% of websites were at least
2x smaller when loaded on the smallest screen compared to
the biggest screen. Another 22% weighed between 50-90%
of the large-screen page size when loaded on the smallest one,
and the majority (72%) were roughly the same
size on the smallest and biggest screens.
http://www.guypo.com/uncategorized/real-world-rwd-performance-take-2/
33. WebPageTest.org
•all waterfall charts are made with WPT
•we use an private instance
•Test types: 1st view vs repeat view
•Script user navigation with flow views
34. Understanding
Waterfall Charts
•Server vs Client time
•Time to first byte
•# Connections
•# HTTP-Requests
•Dependencies (Critical Path)
•# Domains/Origins
•Document Complete
44. Time to First Byte
•DNS Lookup + TCP Connection + SSL
Handshake + HTTP Request + Server
Processing + transfer of first TCP packet
•Always critical path
46. HTTP Requests
•The biggest problem!
•More requests, more connections
•Total of 2-6 connections per domain
•Each Request: Upload on slow connections
•Size does matter: More content, longer
downloads
•Mobile specific: Download on sloooow
connections
49. Document Complete
•document complete blocks onload-events
•onload-events (may) block user
interaction
•usually trigger for unobtrusive JavaScript
50. Bottlenecks
•The mobile Web is
slooooow
•Connections has
delays, are slow and
limited
•Sites are too big
•Too many requests /
connections needed
•Critical Path consider load
& render dependencies
•css blocks images
•image blocks document
complete
•blocking JS
•rendering / painting
•DOM manipulation =
rerendering
56. •Image resizing
•Image quality
•Depend on network quality
•Server Side Content Filter (Server Side
Media Queries)
•HTML, JavaScript & CSS
Reduce Transfer Size
62. •must be <2k
•must appear only once
•works in src‘ed CSS, too! (Think sprites)
•for all other images:
•developer enables inlining
Autoinline Images
63. Delayed Images
•unblocks document onload
•events trigger MUCH earlier
•with fold-logic
•„important“ images first
•invisible slider images last
•header first, footer last..
64. Low Quality Previews
•Large images get l/q previews
•preview may be inlined
•Big image is loaded after onload
•Looks like progressive images
•Gives a complete look right from the start
65. •external scripts can be cached and
combined (good)
•least size of script for each page (good)
•many HTTP requests on first view (BAD)
External Scripts
67. JS „Pipe“ &
Application Cache
•All scripts are delivered in a single request per
page
•Minimize HTTP roundtrips
•Core Scripts are stored in Application Cache
•Not affected by „reload“
•Scripts still public cacheable (CDN)
81. Document Complete: 1.088s
Bytes In: 69 KB
Requests: 7
Fully Loaded: 3.552s
Bytes In: 269 KB
Requests: 14
ADVERTISING:
This is the standard result by
Sevenval FIT Version 12.0.2.
Scaled Images, Filtered Content & FEO
86. Mindset
•Performance is like diets:
•Avoid Yo-yo effects!
•Live performance every day!
•Performance is mindset – not a feature
•Consider performance from day 0
•Performance is hard to apply „at the end“