{"id":2258,"date":"2013-07-06T11:30:45","date_gmt":"2013-07-06T06:00:45","guid":{"rendered":"https:\/\/www.fusioninformatics.com\/blog\/?p=2258"},"modified":"2017-08-18T05:20:11","modified_gmt":"2017-08-18T05:20:11","slug":"pros-cons-responsive-web-design","status":"publish","type":"post","link":"https:\/\/www.fusioninformatics.com\/blog\/pros-cons-responsive-web-design\/","title":{"rendered":"The Pros And Cons Of Responsive Web Design"},"content":{"rendered":"<p>Responsive design, a technology that stretches or shrinks Web pages to fit differently sized screens, has emerged as the most-often recommended manner of optimizing content for mobile devices.\u00a0This dominance was cemented in mid-2012 when\u00a0Google recommended responsive design as the best strategy for smartphone-optimized websites.<\/p>\n<p>As the iPhone, Android phones, and iPad became bestselling consumer gadgets, businesses realized their Web presence needed to translate to those smaller screens. Otherwise, their websites would bear tell-tale signs of a business clueless to mobile: tiny text, tinier links, and a jumbled layout. They risked lost traffic and sales.<\/p>\n<p>These days, responsive design is recommended as the gold standard. But as with most technologies in a multi-device world, it has disadvantages, and it&#8217;s not right for every business, or every application.<\/p>\n<p>In a\u00a0<strong><a href=\"https:\/\/intelligence.businessinsider.com\/the-rise-of-responsive-design-2013-6?utm_source=House&amp;utm_medium=Edit&amp;utm_term=RD&amp;utm_content=link&amp;utm_campaign=BIIMobile\">new report<\/a><\/strong>\u00a0from\u00a0<a href=\"https:\/\/intelligence.businessinsider.com\/the-rise-of-responsive-design-2013-6?utm_source=House&amp;utm_medium=Edit&amp;utm_term=RD&amp;utm_content=link&amp;utm_campaign=BIIMobile\"><strong>BI Intelligence<\/strong><\/a>, we describe what responsive design is and compare it to other mobile optimization tools, analyze responsive designs pros and cons, examine data and statistics that track responsive design adoption and performance across mobile, and evaluate whether dedicated mobile websites have their place, and detail the ramifications for HTML5 development.<\/p>\n<p><a href=\"https:\/\/intelligence.businessinsider.com\/the-rise-of-responsive-design-2013-6?utm_source=House&amp;utm_medium=Edit&amp;utm_term=RD&amp;utm_content=link&amp;utm_campaign=BIIMobile\"><strong>To access the full report, sign up for a free trial of BI Intelligence today &gt;&gt;&gt;<\/strong><\/a><\/p>\n<p><strong>Here&#8217;s an overview of the main mobile optimization tools:<\/strong><\/p>\n<ul>\n<li><strong>Mobile apps<\/strong>: Particularly at the beginning of the mobile boom, when some believed apps would channel virtually\u00a0<em>all<\/em>\u00a0mobile activity, businesses rushed to create apps. <a href=\"https:\/\/intelligence.businessinsider.com\/the-rise-of-responsive-design-2013-6?utm_source=House&amp;utm_medium=Edit&amp;utm_term=RD&amp;utm_content=link&amp;utm_campaign=BIIMobile\">Apps may be dominant in some mobile markets like the U.S., but consumers use their mobile browsers too \u2014 and not just for casual browsing, searching and information look-ups<\/a>. A great deal of e-commerce happens in the mobile Web browser,\u00a0<em>not<\/em>\u00a0in native apps. Not to mention: Apps are expensive. Apps are not the be-all, end-all for mobile.<\/li>\n<li><strong>Dedicated mobile websites<\/strong>: Some usability gurus advocate for separate mobile sites that offer a stripped-down version of its content and carry their own Web address (often with the URL that looks something like this: m.website). <a href=\"https:\/\/intelligence.businessinsider.com\/the-rise-of-responsive-design-2013-6?utm_source=House&amp;utm_medium=Edit&amp;utm_term=RD&amp;utm_content=link&amp;utm_campaign=BIIMobile\">These mobile-only sites tend to perform very well in terms of load speeds.<\/a><\/li>\n<li><strong>Responsive design<\/strong>: In responsive design, <a href=\"https:\/\/intelligence.businessinsider.com\/the-rise-of-responsive-design-2013-6?utm_source=House&amp;utm_medium=Edit&amp;utm_term=RD&amp;utm_content=link&amp;utm_campaign=BIIMobile\">the same Web code or HTML is delivered to every device, but tweaks to CSS code \u2014 which determines the layout of Web pages \u2014 allow it to determine the device size and adjust layout accordingly<\/a>. The website maintains the same Web address or URL regardless of what device it&#8217;s seen on. In sum: The fluid layout means that content adapts to all form factors, even smart TVs \u2014 a fast-growing source of Web traffic.<\/li>\n<li><strong>Responsive Design With Server-Side Support.<\/strong>\u00a0This is a variant of responsive design.\u00a0<a href=\"http:\/\/sixrevisions.com\/mobile\/methods-mobile-websites\/\" target=\"_blank\">T<\/a><a href=\"https:\/\/intelligence.businessinsider.com\/the-rise-of-responsive-design-2013-6?utm_source=House&amp;utm_medium=Edit&amp;utm_term=RD&amp;utm_content=link&amp;utm_campaign=BIIMobile\">he difference<\/a><a href=\"https:\/\/intelligence.businessinsider.com\/the-rise-of-responsive-design-2013-6?utm_source=House&amp;utm_medium=Edit&amp;utm_term=RD&amp;utm_content=link&amp;utm_campaign=BIIMobile\">\u00a0is that the computer server that hosts the website will deliver different batches of HTML and CSS Web code depending on what device the user is on<\/a>. This method solves some of responsive design&#8217;s performance issues, but requires device detection. <a href=\"https:\/\/intelligence.businessinsider.com\/the-rise-of-responsive-design-2013-6?utm_source=House&amp;utm_medium=Edit&amp;utm_term=RD&amp;utm_content=link&amp;utm_campaign=BIIMobile\">It means a company can use responsive design and enjoy its advantages where it wants, but deploy more customized components too.<\/a> It may deploy responsive elements across mobile, while keeping a more traditional fixed layout for the PC. It may even deliver customized experiences for certain device models (like a feature that only works on retina screens, etc.).<\/li>\n<\/ul>\n<div>Read more: <a href=\"http:\/\/www.businessinsider.com\/rise-of-responsive-design-pros-and-cons-2013-7#ixzz2YF5fVCGF\">http:\/\/www.businessinsider.com\/rise-of-responsive-design-pros-and-cons-2013-7#ixzz2YF5fVCGF<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"Responsive design, a technology that stretches or shrinks Web pages to fit differently sized screens, has emerged as&hellip;\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"content-type":"","footnotes":""},"categories":[84],"tags":[522,527,528,529,530,531,532],"class_list":{"0":"post-2258","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-web-application-development","7":"tag-cross-platform-apps","8":"tag-cross-platform-webdesign","9":"tag-css-html","10":"tag-responsive-design","11":"tag-responsive-html","12":"tag-responsive-web-design","13":"tag-smartphone-web-design"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>The Pros And Cons Of Responsive Web Design | AI and IoT application development company<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.fusioninformatics.com\/blog\/pros-cons-responsive-web-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Pros And Cons Of Responsive Web Design | AI and IoT application development company\" \/>\n<meta property=\"og:description\" content=\"Responsive design, a technology that stretches or shrinks Web pages to fit differently sized screens, has emerged as&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.fusioninformatics.com\/blog\/pros-cons-responsive-web-design\/\" \/>\n<meta property=\"og:site_name\" content=\"AI and IoT application development company\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/facebook.com\/fusioninformatics\/\" \/>\n<meta property=\"article:published_time\" content=\"2013-07-06T06:00:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-08-18T05:20:11+00:00\" \/>\n<meta name=\"author\" content=\"Ashesh Shah\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@twitter.com\/aasheshdshaah\" \/>\n<meta name=\"twitter:site\" content=\"@fusionlnfo\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ashesh Shah\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.fusioninformatics.com\/blog\/pros-cons-responsive-web-design\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.fusioninformatics.com\/blog\/pros-cons-responsive-web-design\/\"},\"author\":{\"name\":\"Ashesh Shah\",\"@id\":\"https:\/\/www.fusioninformatics.com\/blog\/#\/schema\/person\/9ecff371b9255217ed7292905b9e85a6\"},\"headline\":\"The Pros And Cons Of Responsive Web Design\",\"datePublished\":\"2013-07-06T06:00:45+00:00\",\"dateModified\":\"2017-08-18T05:20:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.fusioninformatics.com\/blog\/pros-cons-responsive-web-design\/\"},\"wordCount\":556,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/www.fusioninformatics.com\/blog\/#organization\"},\"keywords\":[\"Cross Platform apps\",\"Cross Platform Webdesign\",\"CSS \/ HTML\",\"Responsive Design\",\"Responsive HTML\",\"Responsive Web Design\",\"Smartphone Web Design\"],\"articleSection\":[\"Web Application Development\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.fusioninformatics.com\/blog\/pros-cons-responsive-web-design\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.fusioninformatics.com\/blog\/pros-cons-responsive-web-design\/\",\"url\":\"https:\/\/www.fusioninformatics.com\/blog\/pros-cons-responsive-web-design\/\",\"name\":\"The Pros And Cons Of Responsive Web Design | AI and IoT application development company\",\"isPartOf\":{\"@id\":\"https:\/\/www.fusioninformatics.com\/blog\/#website\"},\"datePublished\":\"2013-07-06T06:00:45+00:00\",\"dateModified\":\"2017-08-18T05:20:11+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.fusioninformatics.com\/blog\/pros-cons-responsive-web-design\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.fusioninformatics.com\/blog\/pros-cons-responsive-web-design\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.fusioninformatics.com\/blog\/pros-cons-responsive-web-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.fusioninformatics.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The Pros And Cons Of Responsive Web Design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.fusioninformatics.com\/blog\/#website\",\"url\":\"https:\/\/www.fusioninformatics.com\/blog\/\",\"name\":\"AI, ML and IoT application development company | Fusion Informatics\",\"description\":\"Let&#039;s Transform Business for Tomorrow\",\"publisher\":{\"@id\":\"https:\/\/www.fusioninformatics.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.fusioninformatics.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.fusioninformatics.com\/blog\/#organization\",\"name\":\"Fusion Informatics Limited\",\"url\":\"https:\/\/www.fusioninformatics.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.fusioninformatics.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.fusioninformatics.com\/blog\/wp-content\/uploads\/2019\/04\/fusion-informatics-logo-copy.jpg\",\"contentUrl\":\"https:\/\/www.fusioninformatics.com\/blog\/wp-content\/uploads\/2019\/04\/fusion-informatics-logo-copy.jpg\",\"width\":400,\"height\":198,\"caption\":\"Fusion Informatics Limited\"},\"image\":{\"@id\":\"https:\/\/www.fusioninformatics.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"http:\/\/facebook.com\/fusioninformatics\/\",\"https:\/\/x.com\/fusionlnfo\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.fusioninformatics.com\/blog\/#\/schema\/person\/9ecff371b9255217ed7292905b9e85a6\",\"name\":\"Ashesh Shah\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.fusioninformatics.com\/blog\/wp-content\/uploads\/2024\/01\/cropped-AsheshLinkedIN-96x96.jpeg\",\"url\":\"https:\/\/www.fusioninformatics.com\/blog\/wp-content\/uploads\/2024\/01\/cropped-AsheshLinkedIN-96x96.jpeg\",\"contentUrl\":\"https:\/\/www.fusioninformatics.com\/blog\/wp-content\/uploads\/2024\/01\/cropped-AsheshLinkedIN-96x96.jpeg\",\"caption\":\"Ashesh Shah\"},\"description\":\"Currently serving as the Director of Fusion Informatics Limited, he specializes in helping companies achieve their long-term goals through digital and business transformation strategies and the ongoing evolution of digital products and services.\",\"sameAs\":[\"https:\/\/plus.google.com\/+asheshshah1976\/posts\",\"https:\/\/www.linkedin.com\/in\/aasheshdshaah\/\",\"https:\/\/x.com\/twitter.com\/aasheshdshaah\"],\"url\":\"https:\/\/www.fusioninformatics.com\/blog\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The Pros And Cons Of Responsive Web Design | AI and IoT application development company","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.fusioninformatics.com\/blog\/pros-cons-responsive-web-design\/","og_locale":"en_US","og_type":"article","og_title":"The Pros And Cons Of Responsive Web Design | AI and IoT application development company","og_description":"Responsive design, a technology that stretches or shrinks Web pages to fit differently sized screens, has emerged as&hellip;","og_url":"https:\/\/www.fusioninformatics.com\/blog\/pros-cons-responsive-web-design\/","og_site_name":"AI and IoT application development company","article_publisher":"http:\/\/facebook.com\/fusioninformatics\/","article_published_time":"2013-07-06T06:00:45+00:00","article_modified_time":"2017-08-18T05:20:11+00:00","author":"Ashesh Shah","twitter_card":"summary_large_image","twitter_creator":"@twitter.com\/aasheshdshaah","twitter_site":"@fusionlnfo","twitter_misc":{"Written by":"Ashesh Shah","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.fusioninformatics.com\/blog\/pros-cons-responsive-web-design\/#article","isPartOf":{"@id":"https:\/\/www.fusioninformatics.com\/blog\/pros-cons-responsive-web-design\/"},"author":{"name":"Ashesh Shah","@id":"https:\/\/www.fusioninformatics.com\/blog\/#\/schema\/person\/9ecff371b9255217ed7292905b9e85a6"},"headline":"The Pros And Cons Of Responsive Web Design","datePublished":"2013-07-06T06:00:45+00:00","dateModified":"2017-08-18T05:20:11+00:00","mainEntityOfPage":{"@id":"https:\/\/www.fusioninformatics.com\/blog\/pros-cons-responsive-web-design\/"},"wordCount":556,"commentCount":2,"publisher":{"@id":"https:\/\/www.fusioninformatics.com\/blog\/#organization"},"keywords":["Cross Platform apps","Cross Platform Webdesign","CSS \/ HTML","Responsive Design","Responsive HTML","Responsive Web Design","Smartphone Web Design"],"articleSection":["Web Application Development"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.fusioninformatics.com\/blog\/pros-cons-responsive-web-design\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.fusioninformatics.com\/blog\/pros-cons-responsive-web-design\/","url":"https:\/\/www.fusioninformatics.com\/blog\/pros-cons-responsive-web-design\/","name":"The Pros And Cons Of Responsive Web Design | AI and IoT application development company","isPartOf":{"@id":"https:\/\/www.fusioninformatics.com\/blog\/#website"},"datePublished":"2013-07-06T06:00:45+00:00","dateModified":"2017-08-18T05:20:11+00:00","breadcrumb":{"@id":"https:\/\/www.fusioninformatics.com\/blog\/pros-cons-responsive-web-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.fusioninformatics.com\/blog\/pros-cons-responsive-web-design\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.fusioninformatics.com\/blog\/pros-cons-responsive-web-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.fusioninformatics.com\/blog\/"},{"@type":"ListItem","position":2,"name":"The Pros And Cons Of Responsive Web Design"}]},{"@type":"WebSite","@id":"https:\/\/www.fusioninformatics.com\/blog\/#website","url":"https:\/\/www.fusioninformatics.com\/blog\/","name":"AI, ML and IoT application development company | Fusion Informatics","description":"Let&#039;s Transform Business for Tomorrow","publisher":{"@id":"https:\/\/www.fusioninformatics.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.fusioninformatics.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.fusioninformatics.com\/blog\/#organization","name":"Fusion Informatics Limited","url":"https:\/\/www.fusioninformatics.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioninformatics.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.fusioninformatics.com\/blog\/wp-content\/uploads\/2019\/04\/fusion-informatics-logo-copy.jpg","contentUrl":"https:\/\/www.fusioninformatics.com\/blog\/wp-content\/uploads\/2019\/04\/fusion-informatics-logo-copy.jpg","width":400,"height":198,"caption":"Fusion Informatics Limited"},"image":{"@id":"https:\/\/www.fusioninformatics.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["http:\/\/facebook.com\/fusioninformatics\/","https:\/\/x.com\/fusionlnfo"]},{"@type":"Person","@id":"https:\/\/www.fusioninformatics.com\/blog\/#\/schema\/person\/9ecff371b9255217ed7292905b9e85a6","name":"Ashesh Shah","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioninformatics.com\/blog\/wp-content\/uploads\/2024\/01\/cropped-AsheshLinkedIN-96x96.jpeg","url":"https:\/\/www.fusioninformatics.com\/blog\/wp-content\/uploads\/2024\/01\/cropped-AsheshLinkedIN-96x96.jpeg","contentUrl":"https:\/\/www.fusioninformatics.com\/blog\/wp-content\/uploads\/2024\/01\/cropped-AsheshLinkedIN-96x96.jpeg","caption":"Ashesh Shah"},"description":"Currently serving as the Director of Fusion Informatics Limited, he specializes in helping companies achieve their long-term goals through digital and business transformation strategies and the ongoing evolution of digital products and services.","sameAs":["https:\/\/plus.google.com\/+asheshshah1976\/posts","https:\/\/www.linkedin.com\/in\/aasheshdshaah\/","https:\/\/x.com\/twitter.com\/aasheshdshaah"],"url":"https:\/\/www.fusioninformatics.com\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.fusioninformatics.com\/blog\/wp-json\/wp\/v2\/posts\/2258","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fusioninformatics.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fusioninformatics.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fusioninformatics.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fusioninformatics.com\/blog\/wp-json\/wp\/v2\/comments?post=2258"}],"version-history":[{"count":1,"href":"https:\/\/www.fusioninformatics.com\/blog\/wp-json\/wp\/v2\/posts\/2258\/revisions"}],"predecessor-version":[{"id":3306,"href":"https:\/\/www.fusioninformatics.com\/blog\/wp-json\/wp\/v2\/posts\/2258\/revisions\/3306"}],"wp:attachment":[{"href":"https:\/\/www.fusioninformatics.com\/blog\/wp-json\/wp\/v2\/media?parent=2258"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fusioninformatics.com\/blog\/wp-json\/wp\/v2\/categories?post=2258"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fusioninformatics.com\/blog\/wp-json\/wp\/v2\/tags?post=2258"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}