![]() ![]() From the server, we ship the HTML file and if you clearly observe the HTML file you will see a script tag that is calling your main.js a chunk that is eventually responsible for everything in your React if you are not using SSR. Let's try to understand how the browser loads our React page. We are still working to get a better ranking and will update more optimization methods as we explore them. We were able to achieve a very low loading time as of now using the following method and I am gonna show you how can you do that too. If your site loads in 0.8 seconds, it is faster than approximately 94% of the web If your site loads in 1.7 seconds, it is faster than approximately 75% of the web If your site loads in 2.9 seconds, it is faster than approximately 50% of the web If your site loads in 5 seconds, it is faster than approximately 25% of the web You can understand how big of a change even 1s can make when it comes to loading time in a large-scale business.Īmazon found that every 100 milliseconds of latency cost them 1% in sales.īelow are some of the comparisons I found on while researching this article. For an online store earning $50,000 a day, that one-second delay adds up to more than $1 million in lost sales each year. Importance of fast loading timesĪ one-second delay in page load time has been shown to cause a 7 percent loss in conversion and 11 percent fewer page views. I am just gonna mention some of the tried and tested methods we used to reduce our React bundle size from 7 MB (main.js) to ~700kb (main.js) and reduced the Initial loading time from more than the 20s to ~1s in fast 3G. Well, this might seem like an easy job but finding the right solution for your test case can be daunting. Recently I was given a task to minimize the React bundle size and optimize the whole application as much as possible. Hello □, I am Ashish Maurya a software developer and part-time freelance developer. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |