Lazy Load and manual image optimization are the two most important things you can optimize. Images are the heaviest element on the website, so 70% of the page loading speed depends on them.
Tilda has an exclusive feature—Adaptive Image Loading
. This is a special image processing technology that scales images to the size of the container on the website depending on the user's device. It also converts images to WebP, the next-gen format that compresses the image without the loss of quality, so the website loads faster. The conversion happens automatically without the need to perform any additional actions.
In certain cases, automatic optimization "on the fly" cannot compare with manual image compression. If the page loading speed is crucial for you, we recommend optimizing images using TinyPNG
, a free online service that uses a lossless data compression technology to compress images without the visible loss of quality.
Another solution is to add different blocks for the desktop and mobile versions of the website and upload images of different sizes and weights. For example, you can do it for the cover page of your website.
The algorithm on Tilda will be as follows: when the page loads, it will optimize the image "on the fly," and if the optimized picture takes up less space than the original image, it will automatically display it. This can happen when the cache is warming up and the system is still gathering traffic stats to prepare the necessary resolution images in advance. Manual optimization will not do any harm here and, in some cases, may even help optimize images and increase the page loading speed.