Sniffing the Mobile Context

41 %
59 %
Information about Sniffing the Mobile Context

Published on July 2, 2012

Author: AndyDavies



Slides from my Ignite (20 slides, auto-advancing every 15 secs) talk at WebPerfDays, Mountain View.

Not sure they will make sense standalone but talk was recorded and will be available at some point.

Would also like to work this up into a longer talk at some point.

Sniffing the Mobile Context @andydavies #webperfdays, June 2012

The Mobile Context???

Respond to resolution

Adapt based on features/User-Agent

But don’t always get it right...

React to where we are... You are here

Are we too focused on devices...

and ignoring the network? 11% Same Size 3% Bit Smaller Much Smaller 86% The Performance Implications of Mobile Design Guy Podjarny

Late 90’s eLearning - adaption by throughput Dial-up ISDN LAN

navigator.connection.type yepnope({ test: navigator.connection.type && navigator.connection.type === navigator.connection.WIFI, yep: normal.css, nope: lightweight.css }); Image loading ideas:

navigator.connection.type + Detect radio connection speed - Lack of connection.type support (even on Android) - Client-side

Navigation Timingwindow.onload = function() { if (window.performance && window.performance.timing) { document.cookie = timings= + JSON.stringify(getTimings()); }};!function getTimings() { var timing = window.performance.timing;! return { dns: timing.domainLookupEnd - timing.domainLookupStart, connect: timing.connectEnd - timing.connectStart, ttfb: timing.responseStart - timing.connectEnd, basepage: timing.responseEnd - timing.responseStart, frontend: timing.loadEventStart - timing.responseEnd };}

Navigation Timing + Real timings - Need to load a page to get timings - Abysmal support for Navigation Timing on mobile (other ways of measuring e.g. boomerang.js)

Operator APIs

Operator APIs + Real radio network Information - Operator dependent - Country dependent for BlueVia - User must consent via oAuth

GeoIP Service ! "ipinfo": { ! ! "ip_address":"", ! !"ip_type":"Mapped", ! !"Network": { ! !! "organization":"vodafone limited", ! ! !"carrier":"vodafone limited", ! ! !"asn":25135, ! ! !"connection_type":"mobile wireless", ! ! !"line_speed":"low", ! ! !"ip_routing_type":"mobile gateway", ! ! !"Domain": { ! ! !! "tld":"net", ! ! !! "sld":"vodafone" ! ! !! } ! ! !}, Quova GeoPoint API

GeoIP Service + Detect someone is connected via mobile network - No IPv6 support yet - Can’t detect radio speed (everything is speed:low)

Skinnier Content For example: use stylesheet that drops custom fonts, background images etc., when connected via mobile network <?php if(ismobile()) { ?> ! <link rel=stylesheet href=css/lightweight.css /> <?php } else { ?> ! <link rel=stylesheet href=css/normal.css /> <?php } ?>

Apply appropriate defaults? Standard on Mobile Retina on WiFi Scott Jehl’s PictureFill with HD/SD toggle -

Ultimately browsers need to provide more context

Add a comment

Related presentations

Presentación que realice en el Evento Nacional de Gobierno Abierto, realizado los ...

In this presentation we will describe our experience developing with a highly dyna...

Presentation to the LITA Forum 7th November 2014 Albuquerque, NM

Un recorrido por los cambios que nos generará el wearabletech en el futuro

Um paralelo entre as novidades & mercado em Wearable Computing e Tecnologias Assis...

Microsoft finally joins the smartwatch and fitness tracker game by introducing the...

Related pages

Sniffing | LinkedIn

View 6547 Sniffing posts, presentations, experts, and more. Get the professional knowledge you need on LinkedIn.
Read more

Sniffing - definition of sniffing by The Free Dictionary

Define sniffing. sniffing synonyms, ... Mobile Apps: apple; android; For surfers: ... View in context.
Read more

Sniff - definition of sniff by The Free Dictionary

Mobile Apps: apple; android; ... Something sniffed or perceived by or as if by sniffing; a whiff: a sniff of perfume; ... View in context.
Read more

sniffer - What is preventing us from sniffing the mobile ...

What is preventing us from sniffing the mobile phone communication? ... mobile sniffer phone sms. share ... The above context was more with respect to GSM ...
Read more

sniff translation French | English-French dictionary | Reverso

sniff translation french, English - French ... (=sniffing sound) ... See how “sniff” is translated from English to French with more examples in context.
Read more

Define the mobile context - mobiForge

Define the mobile context. ... We have also had a similar discussion regarding context when the newspapers and media companies started sniffing on this ...
Read more

Multiple Views and DisplayMode Providers in ASP.NET MVC 4

Multiple Views and DisplayMode Providers in ASP.NET MVC 4. ... the point is that the logic behind the mobile context ... It’s all about sniffing ...
Read more

Sniffer (2006) - IMDb

Sniffer . 10min | Short, Drama, Sci-Fi | 18 January 2006 ... IMDb Mobile site. Follow IMDb on Home; Top Rated Movies; Box Office; TV; Coming Soon; Site Index;
Read more