This article was created more than 2 years ago and may contain outdated information.

What is a responsive view

Usually just a look at each other is enough to make it clear that smartphones and tablets have replaced computers to some extent.This is a trend that will not just disappear. Today, we routinely browse the web on smartphones and increasingly even shop. Some estimates say that up to half of users visit the website through mobile devices today. Of course, it depends on the nature of specific sites. At least it will be 20 to 30 percent. This is a huge mass of potential customers, which is very likely to discourage them if your website is displayed on the small screen of your phone in a web version.

That's why the so-called responsive web design, which can intelligently adapt to screen size, began to emerge 10 years ago. The term “responsive web design” was first used in May 2010 by American programmer Ethan Marcotte. The mobile-optimized website is fast becoming a standard.

Responsive design is especially important for small local business operators. Specifically, for example, shops, cafes or restaurants. People very often look for these businesses while walking on the street and, of course, via mobile phone. A well-optimized website significantly increases the chance that a user, such as a tourist, will find a business with a nice website and find out all the necessary information from it, and will actually visit the business in the end. In addition, responsive display is one of the factors today that decides how your site will be display internet search engines.

Mobile shopping is a trend

However, online shopping is also increasingly common on mobile devices. Here it does not have to be a smartphone, but also a tablet. It might seem that the tablet already has a large enough screen to be able to comfortably view web pages in full. However, we must take into account a different aspect ratio, especially if we use the tablet vertically, as well as the touch environment. If the site is well optimized and crawls well on the tablet, again, the chances are that the user will actually make a purchase.

Checking a well-functioning responsive display is simply one of the important things that needs to be checked before by launching a sharp version of the web.

A bit of a forerunner of responsive design was the so-called mobile version of the site. Even today, some sites have a button to switch to the mobile version somewhere in the upper right. In this case, we cannot talk about responsive design. Rather, it is a parallel site that runs on a subdomain. Typically m.domena.cz. Responsive display, on the other hand, is a web design that adapts flexibly to screen size. For example, the size of the image is not defined in pixels, but as a percentage, which adjusts the resolution of the screen. The individual parts of the pages are grouped into blocks, and the layout of these blocks is also optimized according to the screen resolution.

UPgates also addresses the issue of physical optimization of HTML code and scripts of a responsive website for the smallest mobile devices. They are expected to use a slower internet connection. We do not want to download images to the mobile phone that are reduced only in size, not in size (kB). Unnecessary pieces of code can be completely removed using mobile conditions. So communication with the server and the size of the downloaded files will be reduced to the bare minimum.