Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Mobile Web Performance Optimization 1-7-14

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.

  • Login to see the comments

  • Be the first to like this

Mobile Web Performance Optimization 1-7-14

  1. 1. XBOSoft presents Mark Tomlinson & Philip Lew Mobile Web Performance Optimization in 2014
  2. 2. Mobile Web Performance Optimization in 2014 An XBOSoft Webinar with: Mark Tomlinson, Performacologist Philip Lew, XBOSoft Guru
  3. 3. XBOSoft info • • Founded in 2006 Dedicated to software quality • • • Software QA consulting Software testing services Offices in San Francisco, Beijing, Oslo and Amsterdam
  4. 4. From XBOsoft: • Amy • Jan
  5. 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. 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. 7. Why Mobile Web Performance? 1) We’ve gone 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. 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)
  9. 9. Ask the audience! (it’s time for a poll)
  10. 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. 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. 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. 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. 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. 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 • • • •
  16. 16. Questions? Follow us: @XBOSoft Contact: Follow Mark: @mtomlins Contact:
  17. 17. Thank You for attending. We look forward to hearing from you soon.