Sniffing the Mobile Context

55 %
45 %
Information about Sniffing the Mobile Context
Technology

Published on July 2, 2012

Author: AndyDavies

Source: slideshare.net

Description

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 http://www.flickr.com/photos/blake/2585198597

The Mobile Context??? http://www.flickr.com/photos/dmje/5159177886

Respond to resolution http://seesparkbox.com

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... http://www.flickr.com/photos/adactio/6960610178

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: http://davidbcalhoun.com/2010/using-navigator-connection-android

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 https://bluevia.com/en/page/tech.APIs.UserContextAPI

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

GeoIP Service ! "ipinfo": { ! ! "ip_address":"212.183.128.252", ! !"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 - http://filamentgroup.com/examples/picture-hd-prefs/

Ultimately browsers need to provide more context http://www.flickr.com/photos/brisbanecitycouncil/5159665909

@andydaviesandy@asteno.com http://www.flickr.com/photos/auntiep/5024494612

Add a comment

Related presentations

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