Various devices and image-heavy websites affect performance and present website operators with a major challenge. Read here to find out which tool will help to fix these problems and to get your site going for all devices.
Website Performance, Design and SEO – a Dilemma?
It is now common knowledge that loading times for a website mean hard cash. Numerous studies have proven this in recent years. For example, 53 percent of mobile users already jump off when the loading time of a website is over three seconds.
Google also wants to provide its users with results that are satisfactory and perform appropriately. For some years now, website performance has been a ranking factor for search results. Now, however, Google is stepping it up again: With the next update , which is due to come in 2021, a positive user experience will once again be given significantly more importance, i.e. the loading time of your page will be even more important than it already is.
However, users and Google not only have high demands when it comes to the speed of a website. Content and design are also becoming more and more important in the competition for user attention and in SEO – and on every type of device; whether desktop, laptop, tablet or smartphone.
So that your content is optimally displayed on whatever device, there is now responsive web design that ensures a flexible layout of your website. What on the one hand ensures an optimal user experience on all devices, however, presents developers of web content with a dilemma:
Actually, one would have to provide optimized images for a large selection of different layouts in order to avoid the transfer of unnecessary amounts of data. This not only means a lot of work, but also high additional costs. Because these images would all have to be precalculated and saved on your server.
Fastly: A modern edge cloud platform
The good news is: You don’t have to choose between performance, (responsive) design and overhauled developers. Because there are technical possibilities to solve these challenges.
An edge cloud platform such as Fastly offers extensive options for optimizing website performance . The edge cloud consists of servers distributed around the world, which are placed at strategic points on the Internet and can therefore communicate with the users’ end devices with minimal latency. The principle of content delivery networks (CDN) is known, in which the static content of a website can be cached and thus delivered more quickly. also Fastlyoffers this content delivery, but goes beyond that. Since program logic can be executed on the edge cloud, more and more developers are relocating parts of their architecture to where they can work most efficiently: close to the user. This can involve security functions, load balancing, the orchestration of other CDNs, but also the optimization of image content.
In most cases, images make up a large part of the data. The Image Optimizer (IO) is therefore a function of the edge cloud from which many website operators can benefit. If the IO is used, all that remains is to save the original image in full resolution on your own server. Because the IO caches, i.e. stores images and then delivers them, perfectly tailored, processed and pixel-perfect to each individual user – each optimized for the device on which the website is opened.
The implementation is super easy, time and labor saving. Instead of a complex pre-calculation, it is sufficient to append parameters to the URL of the respective image and the Image Optimizer adjusts quality, size and format fully automatically – thus relieving the server and relaxed developers. You can easily see how this works in this online demo , which shows you the URL and the file size of the image supplied.
Online shops can, for example, reduce the amount of data in their images to a minimum without affecting the quality perceived by the user. The IO is not only interesting for shop owners and can make other changes to the image in addition to size, quality and format: The Guardian, for example, used the IO to provide an indication of the age of the To put articles – to avoid fake news and renewed excitement topics.
Do you want to know how an edge cloud platform and the image optimizer can improve your website performance? Then contact Fastly and let their experts create a free report for you , in which you can find out how much bandwidth you could save by using the IO.