{"id":1732,"date":"2020-11-02T22:50:58","date_gmt":"2020-11-02T22:50:58","guid":{"rendered":"https:\/\/webdesignmontreal.co\/?p=1732"},"modified":"2020-11-02T22:50:58","modified_gmt":"2020-11-02T22:50:58","slug":"pros-and-cons-of-a-responsive-website","status":"publish","type":"post","link":"https:\/\/premiusmarketing.com\/ca\/pros-and-cons-of-a-responsive-website\/","title":{"rendered":"Pros and Cons of a responsive website"},"content":{"rendered":"<p>With the rise of smartphones and tablets for viewing websites (45% in 2014), it is urgent to adapt your site to mobiles.\u00a0Responsive websites are the first thing that comes to mind, but is it really the solution for you?<\/p>\n<p style=\"text-align: center;\"><div class=\"su-youtube su-u-responsive-media-yes\"><iframe loading=\"lazy\" width=\"600\" height=\"400\" src=\"https:\/\/www.youtube.com\/embed\/zF6VSky4SIc?\" frameborder=\"0\" allowfullscreen allow=\"autoplay; encrypted-media; picture-in-picture\" title=\"\"><\/iframe><\/div>\n<h2>What is responsive?<\/h2>\n<p>In May 2010, Ethan Marcotte, a recognized web designer and developer, provided one of the first and most comprehensive definitions of responsive web design (RWD).\u00a0It defines RWD as the pursuit of an elegant viewing experience no matter the screen size.\u00a0We use flexible grids, fluid images and media queries for this.\u00a0How does it look?<\/p>\n<p>Thus, we keep the content of the page, only its formatting varies.\u00a0Indeed, the content is resized to offer optimal reading and suitable for all media.<\/p>\n<h3>Why is this so important?<\/h3>\n<p>Over the years, mobile adaptation has gained in importance to become an essential criterion of accessibility.\u00a0A user must be able to view your site with any device.<br \/>\nBut, since April 2015, this criterion also plays a role for SEO: Google penalizes your site if it is not suitable for mobile.\u00a0To obtain the \u201cmobile-friendly\u201d label and position yourself correctly in the search results on mobile, it will then be necessary to set up a solution for small screens.<br \/>\nShould we choose responsive web design?\u00a0Before opting for this solution, it is essential to know the advantages and disadvantages.<\/p>\n<p>We can create you a <a href=\"https:\/\/premiusmarketing.com\/ca\/\">beautiful responsive website design<\/a><\/p>\n<h2>Benefits of responsive web design<\/h2>\n<p>Responsive web design is an adaptation of the formatting of your content.\u00a0This solution is therefore easy to set up, since you will be able to rely on your existing website.\u00a0The proximity between the mobile version and the desktop version has many advantages:<\/p>\n<ul>\n<li>The homogeneous content allows a rapid handling of the site.\u00a0Internet users who are more used to the desktop version will therefore easily find their bearings on the mobile version.<\/li>\n<li>Updating the site is made easier: changes applied to the desktop version will be automatically applied to the mobile version.\u00a0Maintenance costs are therefore low.\u00a0Indeed, there is only one site to administer.<\/li>\n<li>RWD facilitates natural referencing.\u00a0Internet users converge on a single URL (unlike mobile sites which have a different URL).\u00a0There is no duplication of content between the two versions of your site and the website is better organized, which makes it easier to index your pages.<\/li>\n<\/ul>\n<h2>Disadvantages of responsive web design<\/h2>\n<p>The particularity of responsive web design not only presents advantages, but also generates problems, mainly of a technical nature:<\/p>\n<ul>\n<li>Since the textual and visual content is identical to the desktop site, the loading time may be prolonged.\u00a0Indeed, the server downloads and rearranges the data to adapt them to the terminal.<br \/>\nIf your site has many large images, you should download them first before resizing them.\u00a0The page display process takes longer.\u00a0The media queries largely solve this problem.<\/li>\n<li>The speed of loading of your pages depends on the internet connection of your visitors.\u00a0On the move, a poor internet connection or an insufficient mobile network will considerably slow down the display time of your site.<\/li>\n<li>A responsive website does not take into account the technical capacities of the mobile device: touch screen or not, geolocation, support for javascript &#8230; The content is therefore often impoverished in a logic of homogenization.<\/li>\n<li>If you want to adapt a very complex site to mobiles, a major overhaul of the display may be necessary and will generate additional costs in the long term.\u00a0It will then be preferable to opt for other solutions, such as a dedicated mobile site, or a mobile application, for example.<\/li>\n<\/ul>\n<h2>Alternatives to RWD<\/h2>\n<p>Responsive web design is just one solution among others to adapt a website to mobiles.\u00a0It has advantages and disadvantages that you should be aware of before deciding.\u00a0In fact, alternatives exist: sites dedicated to mobiles and mobile applications.<br \/>\nDo you want to improve your SEO and attract new customers, including on mobile?\u00a0Responsive web design or a site dedicated to mobiles are good solutions.<br \/>\nDo you want to know your Internet users better and retain them?\u00a0Think about mobile apps, which make data collection easier.<br \/>\nTo make your choice, first of all think about your needs and your goals!<\/p>\n<h3>Articles On The Same Theme:<\/h3>\n<ul>\n<li><a href=\"https:\/\/premiusmarketing.com\/ca\/benefits-hiring-professional-website-design\/\">Hiring a professional website design company<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>With the rise of smartphones and tablets for viewing websites (45% in 2014), it is urgent to adapt your site to mobiles.\u00a0Responsive websites are the first thing that comes to mind, but is it really the solution for you? What is responsive? In May 2010, Ethan Marcotte, a recognized web designer and developer, provided one [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":1733,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[85],"tags":[],"class_list":["post-1732","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-design"],"jetpack_featured_media_url":"https:\/\/premiusmarketing.com\/ca\/wp-content\/uploads\/2020\/11\/responsive_1604357049.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/premiusmarketing.com\/ca\/wp-json\/wp\/v2\/posts\/1732","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/premiusmarketing.com\/ca\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/premiusmarketing.com\/ca\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/premiusmarketing.com\/ca\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/premiusmarketing.com\/ca\/wp-json\/wp\/v2\/comments?post=1732"}],"version-history":[{"count":0,"href":"https:\/\/premiusmarketing.com\/ca\/wp-json\/wp\/v2\/posts\/1732\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/premiusmarketing.com\/ca\/wp-json\/wp\/v2\/media\/1733"}],"wp:attachment":[{"href":"https:\/\/premiusmarketing.com\/ca\/wp-json\/wp\/v2\/media?parent=1732"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/premiusmarketing.com\/ca\/wp-json\/wp\/v2\/categories?post=1732"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/premiusmarketing.com\/ca\/wp-json\/wp\/v2\/tags?post=1732"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}