Optimizing
image downloads

Let's talk about Lazy Load.
Lazy Load is enabled for all websites on Tilda. It helps all websites load faster, even on mobile devices.
Implementing Lazy Load is yet another step in helping websites on Tilda load faster. Technologies are constantly evolving, and we are always working on improving loading speeds even more
Lazy Load is a plugin that blocks image downloads outside of view. It means that images are downloaded only as they would become visible to the user. Let's have a look at how this works. .

Let'ts choose a regular Tilda template and publish it: http://project130385.tilda.ws/

Open the browser inspector, enable slow speed imitation (3G) in settings and reload the page.
DOMContentLoaded: 628 milliseconds
This parameter tells us that all important scripts and HTML have loaded, which means the user can view the page straight away.

Finish: 1.65 seconds
This parameter indicates how long it took for the whole website to download.

Transferred: 263 kb
This parameter indicates how much data transfer occurred (in bytes).
These figures look very optimistic but everything is relative, isn't it? Now go to page Setting > More and turn off Lazy Load. Test the page once again.
DOMContentLoaded: 697 milliseconds
This parameter indicates that all important scripts and HTML have loaded, which means the user can view the page straight away.

Finish: 10.14 seconds
This parameter indicates how long it took for the whole website to download.

Transferred: 1.8 mb
This parameter indicates how much data transfer occurred (in bytes).
The total download time and the amount of data transferred have increased significantly.

What will PageSpeed Google say? Let's test the page with its optimization mode turned off.
Now, enable Lazy Load:
Lazy Load blocks images that are not visible to users,
which allows sites load faster.
Note
How can I eliminate the JavaScript and CSS files that are blocking display at the top of the page?
People often ask this question after taking the test. Google gets angry if it finds script at the top of the webpage.
In theory, eliminating the scripts is possible but you have to make allowances for the fact that it is an automated analysis, and it's not accurate. As we saw earlier, pages load very fast with Lazy Load because you've optimized everything there was to optimize. The analysis showed that eliminating scripts will save you 0.3 seconds but this is hardly significant.

We say: Ignore the results of the automated Google test about scripts at the beginning of the page.

By the way, how does Google do on its own test?
Oops!
Made on
Tilda