Visitor Monitoring Are You Ready for the iPhone 6? | Keynote

Are You Ready for the iPhone 6?

By Aaron Rudger | October 20, 2014

CATEGORIES: Mobile Quality, Web Performance

iPhone 6The ever shifting landscape of mobile morphed again last month with Apple’s introduction of the iPhone 6 / 6+. In the first weekend alone, 10 million units shipped, breaking the previous device release record. In addition to a new set of features and form factor, both IT and digital teams now need to contend with a new OS (iOS 8). And the hits keep coming (hello Android Lollipop).

This constant rate of change is one of the reasons Responsive Web approaches are becoming popular for capitalizing on the mobile opportunity. But without a clear and intentional focus on performance and end user experience, RWD can backfire fast.

One of the best ways to drive focus organizationally is monitoring the desktop, tablet and smartphone experience of your website continuously. But monitoring the mobile Web can’t be done with yesterday’s Web monitoring technology built for the PC. This is because any measurement needs to factor for the unique characteristics of devices, operating systems and cellular connectivity. The diversity of these characteristics can result in large differences in the way content adapts to the viewport, is processed and rendered—all of which can impact performance. The iPhone 6+ is a case in point.

Serving images adaptively based on screen size and resolution is a key performance strategy. Images make up 62% of mobile page payloads on average. Getting image delivery right makes a huge difference for users. Approaches leveraging the JavaScript object navigator.screen should anticipate the iPhone 6’s new dimensions and resolution:

JavaScript property navigator.screen
  iPhone 5s iPhone 6 iPhone 6 Plus
screen.width 320 375 414
screen.height 568 667 736
screen.availWidth 320 375 414
screen.availHeight 548 647 716
Screen Resolution
  iPhone 5s iPhone 6 iPhone 6 Plus
Pixel width 640 750 1080
Pixel height 1136 1334 1920

Code optimizing images to tablet size for values above those of the iPhone 5 could mistakenly deliver larger images than necessary to the iPhone 6 and 6+.

On the flip side of the performance coin, the iPhone 6 using iOS 8 now supports six simultaneous requests per domain, up from five in iOS 7. Because of the high-latency nature of cellular data transmissions, connections are precious. Grouping an additional request into a single connection pays mobile performance dividends.

While it’s important to test your apps and sites on new devices and operating systems to understand their impact on functional characteristics, it’s also important to understand the impact on performance.

iPhone 6 testing

Keynote’s free MITE scripting tool can help you quickly understand performance for the latest devices, including the iPhone 6 / 6+. MITE factors more than 100 unique smartphone and tablet characteristics like: screen size, types of JavaScript functions supported, simultaneous threads, headers supported and caching behavior. Paired with Keynote Mobile Web Monitoring, you can also monitor your site’s performance from the perspective of a visitor using the iPhone 6 or any one of 2,000 device profiles.

Back to Top