Tips for a faster, more responsive website


Did you know that today 58% of Internet usage is done through cell phones? We increasingly use browsers inside our devices to enter the digital universe. This translates into an urgency to bring responsiveness as a pillar to all our websites.

How do we manage to make websites so beautiful and functional for both computer and mobile?

  1. Fluid Grid
    Understand that the proportions are quite different, and this affects the layout of your site’s content. Showing, for example, 3 images in the same row on the desktop can be made into only one image per row on the cell phone, to respect its visibility.

  2. Pay attention to the size of buttons (and everything that is clickable)
    Our finger is bigger than a mouse pointer! Sometimes it is necessary to magnify a button that looks inconspicuous and elegant on the desktop, but so small that it is impossible to click on the cell phone.

  3. Not everything needs to go mobile
    This is a crucial rule. We use our cell phone outside the home, and that means relying on 4G/5G instead of Wifi. A site that uses 20 images on its desktop version, which are just for visual support, may not need these 20 on mobile. The open time may be longer and, as a result, your optimization score drops. Choose the most important ones, and leave the others hidden!

Some people think of their website first for mobile, and second for desktop. The important thing, even if this is not the case, is not to forget to think about it!

Speed (pagespeed)

We have selected some strategies, but there are many others to take into consideration. Given these 3, you already have a website with the minimum requirements for fast opening. To text your site, we offer two free options: Google Insights and GTMetrix. The Google one brings more demanding results, but don’t beat yourself up for not getting top marks. It is not a trivial task if your site is developed in WordPress.

  1. Choose the right hosting
    The cheaper the hosting, the less commitment to speed it has. It is the famous “cheap gets expensive”.

  2. pay attention to the Size of your images
    Today, a website with 1mb photos is practically a digital crime. Transform your images into jpeg or webp, and make them as light as the quality allows. Reliability: it is possible to reduce the weight by almost 90% without leaving the photo in poor resolution.

  3. Use the browsing cache
    In the case of WordPress this is a plugin implementation. This means that when you visit the site for the first time, a part of it (such as the images) is saved. the speed will be faster, is an extremely common practice.

Extra tip: it is important to keep in mind that a website is viewed (as a rule) on the desktop via wifi, and on 3G / 4G / 5G on mobile. This implies that the score the tools give your site on mobile will always be considerably lower, but for the most part there is no problem. Focus on having light and well-used photographs on the site.

escrito por