🚀 Speeding Up <a href="http://Unisala.com">Unisala.com</a>: A Quick Dive into UI Optimisation!

🚀 Speeding Up Unisala.com: A Quick Dive into UI Optimisation!

📖 Today's Story:

As a part of knowledge sharing session. Today i am sharing a story at Unisala.

We slashed our app's size by 50% and boosted its loading speed to be twice as fast! 🎉

The Slow Beginnings:Imagine waiting two whole minutes just to open an app. Yep, that was us – Unisala.com used to be a 6MB.

🔍 Initial Problem: Too bulky

• First-time load: 🐌 2 mins!
• App size: 📦 6MB (felt like downloading a song 🎵)

A site taking more than a second to become interactive can lead to user attention loss and a broken perception of completing tasks. 1MB of data takes a minimum of 5 seconds to download on a typical 3G connection. 75% of global mobile users in 2016 were on 2G or 3G

📉 Why So Slow?

Because of the big bundle size of our software i.e 6mb.

Out of which:

• Core app: 🤏 300KB
• External stuff: 😮 5.7MB (Biggest chunk = SDKs at 3MB!)

🛠 Fixing It:

• Monitor: Set performance benchmarks & kept an eye out. 👀
• We cut down unnecessary dependencies, specially SDKs were taking a-lot of spaces almost half of the total bundle size.

This was our rookie mistake. We did not pay much attention to our production build.

📈 Results:

• Faster loads 🚀
• Happier users 😊

Currently for the first time user unisala still takes around 55 seconds on 3G network.

We are aiming to optimize it further down. Our goal is to bring it less than 10 seconds!

🔗 Let's keep learning and optimising! 💪

I will share more stories on this channel.