1. SEO and Texts

With good search engine optimization, our websites become easier to find, being able to provide information more quickly and efficiently reduces the time in which users search for content either on their phone or on their desktop, and therefore also reduces energy consumption.

Hand in hand with optimizing searches on the web we have the writing of texts, which is an important part of being able to meet this objective, but it also helps us optimize the time that users spend once they see our content on the web, which It also helps reduce energy consumption.

2. Use of images

As a UI designer you always have the need to offer visual websites that are eye-catching and that generate a good impression just by seeing them once. In order to achieve this we always resort to impressive images either as backgrounds or as carousels. This gives us a great visual benefit but increases energy consumption, the greater the number of images, the greater the amount of resources needed to be able to display them on the web, which is why they must always be optimized for web use and If possible reduce the amount to the bare minimum, this is where a big important question arises every time we feel the need to place an image in our designs. Do I need to use an image or not to fulfill my design objective?

Something we can do to reduce this problem is to compress images for web use. Currently, there are many online services that allow us to optimize different image formats such as jpg or png.

3. Use of video

Like images, videos on the web can help to have a much more visual experience but the energy consumption is much higher than that of images, reducing the use of these helps reduce energy consumption, it is also recommended that Let's avoid video autoplay, some devices already have this function blocked but it never hurts to help them a little.

We can use very short videos optimized for the web, or we always have the option of replacing these with an image, the important thing is not to lose sight of the visual impact we want to achieve.

4. Do not abuse microinteractions

Micro interactions and animations are usually programmed with JavaScript, although this is an inseparable companion of HTML, we can be more careful in how many and what type of micro interactions we propose for our designs, it is not necessary for all the elements of the web to fly away. everywhere, thinking about a design with simpler micro interactions also helps us present more elegant projects.

5. Responsible use of fonts and styles

Talking about design is talking about fonts, the web, like any other format, needs a good font design, but many times we abuse these with passion and use many different fonts or many styles so that our design is perfect. Reducing the number of typographic styles causes web styles (CSS) to be reduced and with this we reduce the number of files that our HTMLs have to read in order to display the design, this goes hand in hand with energy use, especially on mobile devices. and also from a strict design point, it helps us find graphic solutions in a more creative way.

6. Select a Green server

When I talk about a green server I mean a server with low energy use (Power Usage Efficiency in English), this is very important because all the information queries we make on our websites, the HTMLs, the content, absolutely everything consumes energy from the server, that is why by using a green server we greatly contribute to energy reduction.

Currently there are a large number of providers of this service, do not forget to ask your clients if they agree with using a more sustainable option to host their websites.