Shulou(Shulou.com)06/02 Report--

This article introduces the relevant knowledge of "what is the performance index of web front-end pages". In the operation process of actual cases, many people will encounter such difficulties. Next, let Xiaobian lead you to learn how to deal with these situations! I hope you can read carefully and learn something!

I. Apdex index

As an entry point for direct communication with users, we consider the user experience first when considering front-end page performance metrics. Apdex is a measure of user satisfaction.

Before completing a task, the user needs to wait for it to complete before proceeding to the next task, and the length of this waiting time directly affects the user's satisfaction level. We call this length of time the "responsiveness" of the application. Apdex defines three satisfaction intervals again:

Satisfaction: This response time is pleasant for users, e.g. less than 3 seconds.

Tolerance: A bit slower, but still acceptable, continue the application process, for example, 3 to 12 seconds.

Disappointment: Too slow, too much, the user decides to abandon the app, for example for more than 12 seconds.

A score is then obtained from Formic, which provides management, R & D, and operations personnel with a way to apply performance metrics to assess user satisfaction. Available tools: New Relic, OneAPM Browser Insight.

Second, page response time

For users, the most important thing is the corresponding time of the page, the time it takes to open a page. Many front-end performance tools measure page response time simply by native simulation, known as "dial testing," or simply by window.performance.

From a technical point of view, the opening time of a page is also divided into various parts, such as: the first screen opening time, white screen time, dom document opening time, resource loading completion time, etc.; also pay attention to the resource loading time details, which scripts or CSS slow down the page loading These should be clear at a glance. Only in this way, once the page response time is too long, relevant personnel can have targeted maintenance. Available tools: New Relic, OneAPM Browser Insight, AppDynamics, Ruxit.

Third, DNS, TCP time-consuming

The TCP/IP connection time between browser and WEB server and domain name resolution time are also indicators that website optimization needs to pay attention to. The network environment in China is extremely complex, so DNS and CDN are often not strong, and TCP connections are often unstable. Before some tools at home and abroad can calculate DNS time-consuming data by means of simulation dialing, it is particularly necessary to collect such time-consuming data from the perspective of user real experience, and now there are not many tools that can do this well, so I recommend several to you. Available tools: OneAPM Insight Browser, AppDynamics, Ruxit.

The content of "What is the performance index of web front-end pages" is introduced here. Thank you for reading. If you want to know more about industry-related knowledge, you can pay attention to the website. Xiaobian will output more high-quality practical articles for everyone!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.