Ctrip practice case sharing use HTML5 to monitor website performance

Wen / Chu Wei, Liu Haifeng, Xie Sheng school,

HTML5 technology brings many new elements to Web, not only makes the website more and more beautiful, and the interactive experience is closer and closer to perfection, but also makes many functions which once could not be completed can be realized. This article in view of the HTML5 in the website performance monitoring aspect brings the new characteristic, shares the experience which Ctrip carries in this direction.

The status of

site performance monitoring

website performance has attracted more and more public attention because it directly affects the user experience. Most Internet Co do only server performance monitoring and network I/O monitoring in website performance monitoring, this background has spawned some third party website performance monitoring company, such as tone, monitoring treasure, GA etc.. They all have one thing in common – basically laying monitoring points in major cities across the country and timing active access to pages to get performance data. Then, the data is aggregated periodically, and the report is then provided to the end user.

Advantages and disadvantages of

third party monitoring

third party monitoring has the following advantages and disadvantages.


does not need to change the existing program code. Because of the mechanism of active access and collection, the third party monitoring only needs to configure the URL of the relevant page in the user management interface, so it can simulate the process of user access, so there is no need for developers to intervene.

can collect a wealth of data. Because the browser used by the simulation access is deployed by the vendor, you can add custom plug-ins or integrate other performance tools on the client side, and you can programmatically collect all kinds of performance data.

data is small, easy to collect. It depends on the monitoring point deployment of the supplier, but for the cost consideration, the general supplier will only deploy in a second tier cities, so that the data aggregation is relatively easy and the analysis complexity is low.

can be reproduced and validated when problems arise. Because it has a wealth of data, and monitoring problem is controllable, we can easily reproduce, convenient debugging.


one-time investment big. Deployment of monitoring sites requires a large number of equipment support, and if only for a company to provide services, the cost is not high, requiring a lot of money.

is difficult to complete tests under different browsers. Monitoring points can not take into account the use of browsers for all users, for different businesses, customer groups inconsistent, browser weight is different, so the monitoring point is generally based on IE and WebKit core browser.


response has a time interval. In general, the monitoring page can not be just one, there will be a lot of testing, to ensure not to interfere with each other, especially the performance test, will be followed by the queue mode, it will make a circle for a long time, and the need to wait until all the monitoring points were completed before the test was.

Leave a Reply

Your email address will not be published. Required fields are marked *