Under the Hood
Yesterday, I spent almost the entire day deleting unnecessary code and improving the website's performance.
Average websites take 10-15 seconds to load on the 3G network. I am glad to announce that now my website ihatereading.in takes less than 5 seconds to completely run on the browser.
I have Improved the website performance by 3 seconds of initial loading time/TTI(Time To Interact). Totally obsessed with providing a top-notch user experience when comes to the website.
The improvements include the following changes -
- Deletion of unwanted JS code because javascript takes more time to load on the browser
- Delete the heavy assets and compress the remaining ones
- Removing unwanted packages and modules by analysing them using webpack-bundle-analyzer
- Image optimisation using Next.js Image component and lazy loading
- Pagination in first data fetching to reduce API calls
References -
- The hidden cost of javascript - https://lnkd.in/d7KsiBHt
- 15 ways to improve website performance - https://lnkd.in/dFWeGvru
- Image compression using https://lnkd.in/dcn_cDBM
- Webpack bundle analyzer using https://lnkd.in/dHRhjV8P
It's not rocket science to provide a top-notch user experience neither it will be a cakewalk.
Conclusion
We really need to understand how our website loads on the browser and what all components, modules and packages take time to load.
If you are obsessed with serving top-notch fast performant websites you will find ways.
Keep developing
Shrey
iHateReading
Top comments (0)