Performacologist Mark Tomlinson & XBOSoft CEO, Philip Lew help update your understanding of mobile web performance optimization rules and techniques for 2014.
The landscape for mobile device configurations, network connectivity and mobile application frameworks is constantly changing which means organizations should frequently re-examine thinking and practices for optimizing a mobile applications.
Evaluating and testing the performance of a mobile application is not as straight forward as that of traditional web-based solutions.
Recording of this webinar can be found on Youtube.
3. XBOSoft info
•
•
Founded in 2006
Dedicated to software quality
•
•
•
Software QA consulting
Software testing services
Offices in San Francisco, Beijing, Oslo and
Amsterdam
5. Housekeeping
• Everyone except the speaker is muted
• Questions via the gotowebinar control on the right side of your
screen
• Questions can be submitted throughout the webinar, we’ll try to
fit them in when appropriate
• General Q & A at the end of the webinar
• You will receive an email with link to recording after the webinar
6. About the Speakers
Mark Tomlinson
Mark Tomlinson is a specialist
in performance engineering
and software testing.
His career began in 1992 with
a two-year comprehensive test
for a life-critical transportation
system,
a project which captured his
interest for software testing,
quality assurance, and test
automation. That first test
project sought to prevent trains from running into each
other -- and Mark has metaphorically been preventing
“train wrecks” for his customers for the past 20 years.
He has broad experience with real-world scenario
testing of large and complex systems and is regarded as
a leading expert in software testing automation with a
specific emphasis on performance.
Philip Lew
Dr. Philip Lew has twenty years
industry experience. He has
helped hundreds of organizations
assess the quality of their
software, examine quality
processes and set forth
measurement plans so that
they can consistently improve
software quality using systematic
methods.
He received his B.S. and
Master of Engineering degrees in
Operations Research from Cornell
University. His PhD research in software quality and
usability resulted in several IEEE and ACM journal
publications and he has been published in various trade
journals as well. Dr.Lew has presented at several
conferences including STARWest 2012 & 2013,Software
Test Professionals 2012, and the International
Conference of Web Engineering-2009-10-11.
7. Why Mobile Web Performance?
1) We’ve gone mobile...in just 10 years. Mobile
sales surpassed desktops in Oct 2013...nearly
6 months ahead of trend.
2) Mobile applications are becoming mission
critical in businesses, a key to competitive
differentiation and essential to everyday life in
modern society.
3) Mobile performance impacts revenue via
connectivity, interactivity, ranking, retention
and reviews.
8. The Performance Context
“describes the temporal aspects of every function, action
and state; as having a function of time, a beginning and
ending and everything in-between.”
Context #1 - Transaction Response Time
Context #2 - Usage (e.g. Volume and Concurrency)
Know the basics for mobile “front-end optimization”:
● Make less requests (reduce round-trips to the backend)
● Make things smaller (reduce payload content)
● Make things concurrent (increase simultaneous, parallel activity - nonblocking)
10. The Mobile Performance Context
Mobile Users are impatient, “in motion” or “stealing time”
Response time and efficient use of time is highly important
Mobile devices have resource limitations
● Slower Networking - also can be asymmetric
● Browser connections are different for mobile stack
● CPU is lower speed/frequency - to conserve power
● Cache is smaller - capacity on the device due to limited space
● Form factor impacts rendering/paint speed and power usage
11. Mobile Performance 2014
•
•
•
•
•
•
Mobile Networks are faster, bigger and more ubiquitous
Device form factors are generally getting bigger
Multi-core CPU on the devices with bigger caches
Power conservation better - internally and externally
Responsive Web Design (RWD) and HTML5 adoption
SPDY is getting traction - Chrome & Apache supporting
12. Optimizing for Slow Networking
Networks are bigger and faster in 2014+
Networks are more ubiquitous and reliable
Multi-homed devices are the default
In 2014, here’s a few ways to optimize for slow networks:
prioritize image compression and enable gzip
adopt best practices for responsive web design
embed images directly into CSS
don’t use images at all (70% of payload)
consolidation for CSS and JS
inline small CSS and JS
•
•
•
•
•
•
13. Optimizing for Mobile Connections
iOS7 supports Multipath TCP switching
Web browser configurations are converging
Multitasking and background network activity
In 2014, here’s a few ways to optimize for connections:
Use HTTP Pipelining
Use SPDY protocol instead of HTTP
Sharding isn’t the panacea - obsolete?
Reduce 304’s - they are wasteful
Use far-future versioning/expiration
•
•
•
•
•
14. Optimizing for Mobile CPU
iPhone 5s and Galaxy S4 multi-core
Multiple cores running at lower frequency
Mobile os versions *can* use multi-cores
In 2014, here’s a few ways to optimize for cpu:
Avoid re-rendering any images with CSS
Make Javascript async - avoid blocking
Alternate JS Fetching
Deferred JS Evaluation
Remove unused code
•
•
•
•
•
15. Optimizing for Mobile Cache
Browser cache is notoriously small
New device storage faster, not much bigger
Mobile web browser apps are in decline
In 2014, here’s a few ways to optimize for browser cache:
test for browser cache behavior (inconsistent)
invest in offline mobile experience
consider HTML5 localStorage
manage caching via far-future expiry dates
•
•
•
•