How to Speed Up Your Tilda Website
Websites built on Tilda load quickly: example 1 and example 2. However, you can make them load even faster. This guide is for those who prioritize page load speed above everything else, including the design of the website.
Website loading is given special attention on the Internet. That’s why working on the loading speed of web pages has become routine for us. We implement new technologies and optimize technical processes. Some of the updates are visible to the user in the personal account, while some are not. It's an ongoing process, and we're already proud of the progress we've made.

In this article, we'll provide you with a short checklist on how to bump up your website’s loading speed using current tools and settings on Tilda. We'll go through each point in detail, so you’ll be able to adjust your website’s settings on your own and make it load even faster.
Checklist for Speeding Up Your Website
Make sure the website has Lazy Load enabled
Optimize images on the page manually
Use system fonts or enable instant content rendering in the settings
Disable all third-party scripts and code on the website
Don’t turn off delayed counter initialization
Reduce the length of the page
Reduce the number of images at the beginning of the page
Check if your website is exported
Before breaking down each point, let’s see how you can assess page load speed.
How to Estimate Page Load Speed
Many Tilda users check page loading speed on their websites using Google’s PageSpeed Insights, which is a service that simulates website loading on mobile devices and desktops, assigning them their own efficiency rating.
This is a conventional technical tool that doesn't always reflect actual loading speed. In our experience, the data that Chrome collects and shows in the developer panel is much better than that obtained through the PageSpeed Insights simulation. That's why we don't recommend relying entirely on PSI—take it as a supplementary or indirect analytical tool.

Monitoring the actual page loading speed of the website is a better option. You can do this in the Developer Tools in Chrome: open the console (Option + Ctrl + I / Alt + Cmd + I) → go to the Toggle device toolbar → Network tab → reload the page you want to evaluate. The most important parameters are DOMContentLoaded (shows the time it took for the page structure to load) and Load (shows the time it took for the page with all the tables and styles to load).

Assessing Tilda’s template yourbeststylist.tilda.ws actual loading speed via the built-in Chrome browser bar. Checking the DOMContentLoaded and Load parameters.

This method isn't perfect either—the toolbar’s fast 3G simulation doesn't clearly and correctly simulate website loading on mobile devices, so you’ll need to check the loading speed on actual devices and draw conclusions based on the data.
Speeding Up Tilda Websites
Tilda has a large number of optimizations implemented to speed up page loading. Basic websites with no code or third-party scripts will load quickly. You can see for yourself: pick any of the Tilda templates and see the load speed using PageSpeed Insights.

Let’s check it on a real website: We’ve chosen one of the templates from the Tilda template library and created a website for a personal stylist Annie out of the template. Let’s see its page load speed using PageSpeed Insights.
Of course, the speed will depend on the complexity of the website, the presence of specific blocks, and on whether third-party widgets, counters, statistics, and other add-ons that can slow down the website are connected.

We made this article so that you can understand the issue yourself, and learn to identify the settings that will help you create a very fast website. But you'll have to make an important decision—applying all the tips from the checklist won’t only affect the website's loading speed, but also its design.
Checklist Explained: Speeding Up Your Website
1. Make sure the website has Lazy Load enabled
Lazy Load allows images to load gradually as the viewer scrolls down the page, not all at once. This setting is enabled by default, directly affecting website performance.

We often see designers creating custom websites turning off Lazy Load for some reason—you shouldn't do this, as it slows down the website.

Ensure that Lazy Load is enabled for your website. To do this, go to the Site Settings → More, then make sure the “Disable Lazy Load for images” box is unchecked. Also, check that the feature is not disabled in the Image and Shape settings in Zero Block.
2. Optimize images on the page manually
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.
3. Use system fonts or enable the instant content rendering in the settings
This category of optimizations comes second in terms of weight and importance. System fonts, such as Arial or Georgia, are available on any computer. There are also pluggable fonts such as Futura or Roboto.

If you want to speed up the website as much as possible, don't use your own font, but choose one of the system ones. This way you'll save 100-400 KB, which is significant when it comes to loading a web page.

If you need to use branding or corporate identity, you can use our new feature—instant content rendering. The setting allows you to show content on the website regardless of whether or not your branded font has loaded. The website will first display the system font, and after a few seconds, when the font is loaded, the text will be rendered again, this time in your branded font.

This feature isn’t enabled by default. If you value loading speed more than loading smoothness or the visual aspect, then you can enable this feature by going to the Site Settings → Fonts and Colors → Advanced.

The instant content rendering feature isn’t enabled by default. Activate it in the settings if you want to increase loading speed

4. Disable all third-party scripts and code on the website
Check if you have any third-party scripts or code, such as chats or a counter, connected. On Tilda, they’re connected via block T123. Therefore, check if you have this block on the page or in the header of your website.

According to our observations, in 95% of cases, the code added to the website is not optimized for the loading strategy and can severely slow down page rendering. That’s why we recommend that you avoid using third-party scripts or use them with the correct connection.

If you can't do without third-party code, then delay script loading and initializing. The first few seconds of page rendering are very important, so don't load anything unnecessary. For example, if you're adding an Intercom widget, it’s better to connect and initialize the script 3 seconds after the main content is rendered (the “DOMContentLoaded” or “document ready” events). This step will help prevent blocking the main loading stream, so the page will render faster.

For example, on Tilda, counters load with a 2-second delay by default. Read more about this in the next paragraph.
5. Don’t turn off delayed counter initialization
Delayed counter initialization is a new feature that recently became available to all Tilda users. For the counter on the page to connect, the browser has to load a script, analyze the code, and execute it. Google Analytics files are quite heavy, so if you load them all at once, they will slow down page display speed. That’s why, by default, we connect these counters 2 seconds after the page loads.

You can check that the setting is not turned off in the Site Settings → Analytics.

Don’t disable initialization delay for counters and pixels so that the website loads faster

6. Reduce page length
The point seems obvious, but it really works: the less information on the page, the faster it will load. Look at your website with a critical eye: is it so necessary to have all the information and images on the page or can it be shortened? For example, if you have a very long page (20+ screens), move some of the content to another page to increase its loading speed. This is something you can influence and adjust directly.
7. Reduce the number of images at the beginning of the page
Users sometimes place a large cover photo on the first screen along with four more small photos in the next block. In this case, the browser has to download five photos instead of one. This clogs traffic, especially when it comes to mobile Internet, which is why we don’t recommend placing too many photos at the beginning of the website.

It is not recommended to place too many photos at the beginning of the website as it negatively affects the page load speed

8. Check whether your website is exported
Check that your website is not exported or synced through an API—in other words, make sure your website is on Tilda's servers. In case it is exported, check that your web server is optimally configured.

Tilda has built a quality internal infrastructure which we continue to improve and develop. We’ve taken care of many things: reliable and fast servers, CDN to speed up image delivery, protection against DDoS-attacks, and several other technical tweaks that are aimed at maximizing the speed of our websites.

When it comes to third-party hosting, we can't control the amount or quality of work done by system administrators. Nevertheless, we can give some tips on what you should do to make websites load faster if you have exported them:
– connect CDN and display images via a distributed content delivery network;
– turn on CSS / JS / HTML caching headers in the web server settings, so the client browser won't download them every time, but would get them from the cache;
– enable Gzip or Brotli compression for CSS, JS, and HTML files;
– in the settings, enable the text files compression: CSS, JS, HTML;
– add an "async" attribute to third-party JS scripts so that the loading doesn’t slow down the loading of the page;
– add third-party widgets only when necessary, arrange a delay in initialization for 2-3 seconds so that the page content has enough time to render.
Summary
Tilda websites load pretty quickly by default. If you want to speed up your website even more, use our recommendations from the checklist. They'll help you create an ultra-fast website, but you'll have to make a few compromises in terms of the design and visuals. We always leave these decisions and priorities to the user.

On our part, we’re constantly working on optimizing the platform and implementing new solutions that will make your website even faster.
Made on
Tilda