In-depth details and analysis

Pioneering analyze front-end application's performance from perspectives, including packaged products, integrated test environments, and back to source code.

Lower threshold for performance analysis

Provide professional optimization advice based on multiple perspectives. Even newcomers with little experience in performance optimization can follow the diagram.

Bridging the R&D process

From development to deployment, the Perfsee toolset has been permeated through the development process, tracking performance changes between releases in real time.

Data interfacing with RUM

Based on RUM data, gives further guidance on performance analysis and comparison with the online version.

Features

Bundle

Provide plugins for main packaging tools (Webpack/Esbuild/Rollup) to collect and analyze package bundles. By comparing them with baseline in multiple dimensions, it will emit diff information about the bundle and its impact on performance, and also suggestions for how to do the optimization.

Lab

Lighthouse-based testing of first screen load performance and custom operations on test and online deployment environments, collecting runtime performance data and outputting recommendations for optimization.

Source

Based on the function calls collected from runtime analysis, secondary analysis is performed in conjunction with packaged products to further identify code performance bottlenecks and restore the call information to the source level.

VSCode Plugin

The most reliable data for performance optimization is provided in the editor in the form of Inline Hint, which provides a real-time view of the source code analysis results, combined with flame charts.