Mobile Web Performance Optimization 1-7-14
-
Upload
xbosoft -
Category
Technology
-
view
315 -
download
0
description
Transcript of Mobile Web Performance Optimization 1-7-14
XBOSoft presentsMark Tomlinson & Philip
Lew
Mobile Web Performance
Optimization in 2014
Mobile Web Performance Optimization in 2014
An XBOSoft Webinar with:Mark Tomlinson, PerformacologistPhilip Lew, XBOSoft Guru
XBOSoft info
• Founded in 2006• Dedicated to software quality
• Software QA consulting• Software testing services
• Offices in San Francisco, Beijing, Oslo and Amsterdam
From XBOsoft:
• Amy • Jan
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
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.
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.
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 - non-blocking)
(it’s time for a poll)
Ask the audience!
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
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
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
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
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
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
Questions?
Follow us: @XBOSoftContact: [email protected]
www.facebook.com/xbosoft
Follow Mark: @mtomlinsContact: [email protected]
Thank You for attending.We look forward to
hearing from you soon.