Reduce landing page load times

The main website https://www.blloc.com/, from my investigation loads upwards of 35MB of resources. The main culprit being the massive images (there’s a 4MB one).

It’s quite important to load the landing page as fast as possible to onboard more users. However, the current size of the payload makes the experience quite sluggish.

Looking at the current images, most of them are .png's, even though the website doesn’t use their alpha capabilities in most cases. I would suggest switching to an all .jpeg setup with lower quality setting. Additionally, two more improvements could be done, if your platform supports it ->

  1. use .webp images for browsers that support it. (https://caniuse.com/#search=webp)
  2. add lazy/progressive image loading (https://developers.google.com/web/fundamentals/performance/lazy-loading-guidance/images-and-video)
1 Like