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 load 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 any 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" can’t compare with manual image compression. If page loading speed is crucial for you, we recommend optimizing images using TinyPNG
, a free online service that uses lossless data compression technology, which allows you to compress images without 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 the website.
The algorithm on Tilda will be as follows: when the page loads, we’ll optimize your image "on the fly", and if your optimized picture takes up less space than our image, we’ll 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 won’t do any harm here, and in some cases may even help optimize images and increase page load speed.