Yes. This is real. I have compare our users' dashboard with a portfolio website and our website is 40% faster. Here's a small lighthouse test that I perform:
Small note: Both tests are run in localhost.
So, let me share how we do this.
To make this UI, I'm using modified Pasta CSS*, Bootstrap-like lightweight library.
I also use customized icons from fontello.com. So, I can pick what icons I would use, without embedding a whole of them.
Rather than render the page content after loading the page, I'm using this pre-rendered content.
At first, I render the main Html file. Then, I render the pre-rendered content. I'm also using Swup.js for swapping pages smoothly. Swup also helps us render fewer things.
Koa.js is one of the most popular Node.js server libraries. Koa was developed by developers who develop Express. Koa is faster than Express, since it developed to be more modular rather than embedding.
These are the final tips. Images are hard and slow to load, especially the larger ones. Using lazy load can help the web render faster, because the lazy load pending the load process of images, and load it after the whole page is successfully loaded.
That's it. Hopefully, this can help you with speeding up your website too ⚡.
- Pasta CSS was made by me.