{"id":8101,"date":"2014-07-07T11:28:56","date_gmt":"2014-07-07T16:28:56","guid":{"rendered":"http:\/\/www.mrc-productivity.com\/blog\/?p=8101"},"modified":"2019-09-13T16:46:24","modified_gmt":"2019-09-13T21:46:24","slug":"native-vs-html5-youre-asking-the-wrong-question","status":"publish","type":"post","link":"https:\/\/www.mrc-productivity.com\/blog\/2014\/07\/native-vs-html5-youre-asking-the-wrong-question\/","title":{"rendered":"Native vs. HTML5? You\u2019re asking the wrong question"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.mrc-productivity.com\/blog\/wp-content\/uploads\/2010\/11\/Education.jpg\" alt=\"Education\" width=\"76\" height=\"100\" class=\"alignleft size-full wp-image-725\" \/><span style=\"font-size: 14px;\"><em>Summary: The &#8220;Native apps vs. HTML5 apps&#8221; debate has raged for the last few years. Some tout the benefits of the native approach, while others swear by HTML5. The only problem is, this argument doesn&#8217;t make sense. Find out why, and which question you should be asking instead.<\/em><\/span><br \/>\n<a name=\"20140704\"><\/a><!--more--><br \/>\nOver the last few years, I\u2019ve heard the same argument. Native apps vs. HTML5 apps: Which is better? <\/p>\n<p>Great arguments exist for both sides. Native apps provide better performance. HTML5 apps work across all platforms. Native apps offer more features. HTML5 apps insulate you from the ever-changing mobile landscape.<\/p>\n<p>There\u2019s only one problem with this argument: <strong><em>We\u2019re asking the wrong question<\/em><\/strong>. <\/p>\n<p>Let me explain:<\/p>\n<p>In the past, we had two different internets. The web we viewed on our PCs differed from the web we viewed on our phones. Phone browsers lacked the power of the PC browser, and required separate, bare-bones web pages. The \u201cmobile web\u201d referred to physically different (often text-based) pages built to run on weak phone browsers.<\/p>\n<p>Combine that with the fact that few people owned \u201csmart\u201d phones, and you understand why these mobile-optimized sites were rarely used. Most people browsed the web on their PC.<\/p>\n<figure id=\"attachment_8106\" aria-describedby=\"caption-attachment-8106\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.mrc-productivity.com\/blog\/wp-content\/uploads\/2014\/07\/server_attention_span-300x80.png\" alt=\"photo credit: xkcd cc\" width=\"300\" height=\"80\" class=\"size-medium wp-image-8106\" srcset=\"https:\/\/www.mrc-productivity.com\/blog\/wp-content\/uploads\/2014\/07\/server_attention_span-300x80.png 300w, https:\/\/www.mrc-productivity.com\/blog\/wp-content\/uploads\/2014\/07\/server_attention_span.png 740w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><figcaption id=\"caption-attachment-8106\" class=\"wp-caption-text\">photo credit: <a href=\"http:\/\/xkcd.com\/869\/\">xkcd<\/a> <a href=\"http:\/\/creativecommons.org\/licenses\/by-nc\/2.5\/\">cc<\/a><\/figcaption><\/figure>\n<p>Fast-forward to today. Mobile and tablet usage has exploded. Mobile browser usage now accounts for <a onclick=\"_gaq.push(['_trackEvent', 'Blog', 'Outside Link', 'Mobile traffic 20']); \" href=\"http:\/\/www.computerworld.com\/s\/article\/9244639\/Mobile_browser_usage_share_hits_20_for_the_first_time\" target=\"_blank\"><span style=\"color: red;font-weight: bold\">20% of web traffic<\/span><\/a>, and that number is rising. As illustrated below, browser usage has gradually become more diversified. We don\u2019t have a single browser with a 90% market-share as we did in the past. <\/p>\n<p><a href=\"https:\/\/www.mrc-productivity.com\/blog\/wp-content\/uploads\/2014\/07\/StatCounter-browser-US-monthly-201002-201402.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.mrc-productivity.com\/blog\/wp-content\/uploads\/2014\/07\/StatCounter-browser-US-monthly-201002-201402.jpg\" alt=\"StatCounter-browser-US-monthly-201002-201402\" width=\"525\" height=\"307\" class=\"alignright size-full wp-image-8102\" srcset=\"https:\/\/www.mrc-productivity.com\/blog\/wp-content\/uploads\/2014\/07\/StatCounter-browser-US-monthly-201002-201402.jpg 854w, https:\/\/www.mrc-productivity.com\/blog\/wp-content\/uploads\/2014\/07\/StatCounter-browser-US-monthly-201002-201402-300x175.jpg 300w\" sizes=\"auto, (max-width: 525px) 100vw, 525px\" \/><\/a><\/p>\n<p>In addition to their growing market share, mobile browsers have caught up with PC browsers in terms of capabilities. They deliver the same&#8211;albeit smaller&#8211;experience as desktop browsers. <\/p>\n<p>In other words, we no longer have the \u201cweb\u201d and the \u201cmobile web.\u201d There\u2019s just \u201cthe web.\u201d Users just access the web differently today than they did in the past. Some use small screens with touch-based interfaces. Others use large screens with mouse-based interfaces. <\/p>\n<p>Regardless, it\u2019s all the same web. We\u2019re just living in a multi-screened world.<\/p>\n<p>When you start viewing the web in its modern form&#8211;a variety of interface types and screen sizes&#8211;the \u201cNative vs. HTML5\u201d argument doesn\u2019t make sense. Is it really an \u201ceither\/or\u201d question? Would you seriously consider building web applications that DON\u2019T adapt to the modern realities of the web? Would you really build applications that ignore web users? Of course not!<\/p>\n<p>We see great examples of this all across the web. For instance, Facebook\u2019s native app is one of the most popular apps across every mobile platform. But, did you realize they also offer an HTML5 version that works across all devices? LinkedIn does the same thing. So does Chase Bank. The list could go on.<\/p>\n<p>These companies recognize the new reality. The question isn\u2019t \u201cNative or HTML5?\u201d It\u2019s \u201cHTML5 AND Native?\u201d As mobile browser usage climbs, web apps that adapt to any screen size or device become table stakes. That\u2019s a given. The real question is: <strong><em>Do you also need a native app?<\/em><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Summary: The &#8220;Native apps vs. HTML5 apps&#8221; debate has raged for the last few years. Some tout the benefits of the native approach, while others swear by HTML5. The only problem is, this argument doesn&#8217;t make sense. Find out why, and which question you should be asking instead.<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","slim_seo":{"title":"Native vs. HTML5? You\u2019re asking the wrong question - mrc&#039;s Cup of Joe Blog","description":"Summary: The \"Native apps vs. HTML5 apps\" debate has raged for the last few years. Some tout the benefits of the native approach, while others swear by HTML5. T"},"footnotes":""},"categories":[8],"tags":[52,35],"class_list":["post-8101","post","type-post","status-publish","format-standard","hentry","category-education","tag-html5","tag-mobile-apps"],"_links":{"self":[{"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/posts\/8101","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/comments?post=8101"}],"version-history":[{"count":10,"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/posts\/8101\/revisions"}],"predecessor-version":[{"id":12502,"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/posts\/8101\/revisions\/12502"}],"wp:attachment":[{"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/media?parent=8101"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/categories?post=8101"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/tags?post=8101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}