[front-end] ajax request slowly affects page jump and, abort () stops will also stutter

performance optimization problem: slow ajax requests affect the jump between pages.

problem description: click, click on the personal Center or other tabs, the right boundary will stutter will not immediately switch, will switch after a while.
as shown in the figure, a balance query is performed in the quota conversion, and the ajax request takes about 6 seconds and 7 seconds. If the ajax request is removed, the above switch stutter will not exist, and the interface of manually calling the ajax.abort () method will still stutter for a few seconds to jump. Problem lock ajax request can not jump immediately, do you have any good ideas to solve this problem?

Html
Mar.06,2021

check the handle function of the click event. This pot ajax does not carry

ajax does not affect performance in principle. Check if there are a large number of cyclic dom operations after you click, but this will affect performance

first of all, you take a look at the ajax request response time in the console. If you put it back in milliseconds, it means that there is a large amount of computation in some parts of your page, resulting in page switching stuttered. If the ajax request response time is 6-7 seconds, whether to consider whether there are ajax requests set to Synchronize, and then to rule out whether the dom operations are too frequent.

Previous: What's the difference between opening the H5 page in a chrome browser and opening it in Wechat's browser?

Next: Are Cinder and Swift in OpenStack required?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu