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: services@xbosoft.com

www.facebook.com/xbosoft

Follow Mark: @mtomlinsContact: mtomlins@westevergreen.com

Thank You for attending.We look forward to

hearing from you soon.