Break away from the limitations of browsers (1)-Preface

Reprinted: http://www.cnblogs.com/JeffreyZhao/archive/2007/01/18/Break_the_Browsers_Restrictions_1.html

I recently optimized a portal for a person.

In the traditional sense, all aspects of the site are quite satisfactory. However, as a client-centered web application, its performance, especially its perceived performance, is often severely constrained by the browser itself. An application without a well-designed and optimized client data access model often fails to make full use of the bandwidth, allowing users to wait longer. In other words, its perceived performance needs to be further improved.

Breaking through browser restrictions and making full use of bandwidth to improve performance, especially perceived performance, is my goal for this optimization. In the following sectionsArticleI will talk about the restrictions of the browser with data, and discuss the various methods of this optimization from multiple aspects. This personal portal uses ASP. net Ajax development, so I will also provide some Based on ASP. net Ajax solution, hope to have some reference value, can help friends.

 

Tools

Based on the principle of seeking truth from facts, we need to use data to speak, so we also need some useful tools. They help us collect statistics so that we can analyze and optimize them.

In IE, we need to use the HTTP watch tool to count the information of each request on the page, such as the start time and duration, so that detailed data can be easily obtained (figure 1 ), very easy to use. And for us, a free edition is enough. Although free edition cannot obtain all the information for each request, we are already familiar with Fiddler. We can use Excel to make statistical charts (Figure 2) and analyze the data.

Figure 1: Access to http://www.google.com statistics

Figure 2: Statistical Chart drawn with Office 2007

In Firefox, I used Google Page load Analyzer at the beginning, but I found it inconvenient to use it. It neither gets details like HTTP watch, so that we can make statistical charts; it is difficult to analyze because it is generated automatically. The latest firebug also has similar features. It looks good. Although accurate data cannot be obtained, the generated data (Figure 3) can be analyzed directly.

Figure 3: firebug plot statistics when accessing http://www.cnblogs.com

In addition, to simulate low network speeds locally or in a LAN, I recommend netlimiter 2 pro. It canProgram, Process or even the bandwidth of a connection when accessing the network, whether it is the Internet, LAN or local machine (figure 4 ). Finally, tools such as IE Dev toolbar are essential and can be used as needed.

Figure 4: Use netlimiter 2 pro to limit Internet Explorer bandwidth 

With these tools, we can start our analysis and optimization journey.