C # MVC uses Alibaba Cloud object storage to speed up image loading speed (1)

The company has an ordering project. There are a lot of pictures that need to be loaded on the scanned web page. When the number of customers who used it was small, the company's 4-core 8G, 5M bandwidth server can load pictures and web pages very quickly, More than one customer, because most of the customers are in the fast food industry, the number of people ordering at noon is quite large, and the image loading speed is as slow as a snail.

After entering the web page, more than 10 s pictures, I loaded a few pictures. The customer wanted to order the same dish, but the pictures were not visible. After the pictures were refreshed and slow, the experience was extremely poor. After understanding the research and learning, I decided to use Alibaba Cloud ’s object storage. Transferring original pictures, using Alibaba Cloud's server to store pictures and loading pictures greatly improves performance

The original loading speed is shown below:

It can be clearly seen that it takes about 40.28s to load all the parts framed by the red line in the figure. This loading speed is still the loading speed during the non-busy hours. If the number of users increases during noon peak hours, the loading speed may be slower. If each customer orders food at noon Need to wait for such a long time to load the image, then the product experience must be extremely poor, so there is an article to optimize image loading

 

The following figure shows the speed of loading from the Alibaba Cloud server after the optimization process:

This is the speed of loading pictures from Alibaba Cloud object storage. It can be clearly seen that all loading is completed in only 3.49s. When almost loading the web page, all pictures have been loaded, greatly improving the user experience

 

Published 29 original articles · Like 11 · Visits 10,000+

Guess you like

Origin blog.csdn.net/u010840685/article/details/84026018