trace-analysis
trace-analysis
Introduction
Trace analysis is a relatively complex process involving multiple concepts and tools. Here are explanations of key terms:
| Term | Description |
|---|---|
| Lynx | Lynx is a high-performance cross-platform framework for building Native views using the Web tech stack. It supports cross-platform development (covering Android, iOS, Web, etc.) and uses a multi-threaded model. |
| Perfetto | Lynx uses Perfetto as its performance profiling tool. |
trace_processor_api script |
A tool that ingests traces encoded in a wide variety of formats and exposes an SQL interface for querying trace events contained in a consistent set of tables. It also has other features including computation of trace summaries, annotating the trace with user-friendly descriptions and deriving new events from the contents of the trace. |
.ptrace file |
Traces exist in the form of .ptrace files. A single .ptrace file may contain multiple LynxView instances. Each instance may generate multiple Lynx Bundle loading events, and each loading event may involve multiple rendering pipelines. Additionally, multiple Lynx threads (such as the Main thread, Layout thread, JS thread, etc.) jointly participate in the rendering process. |
Lynx Instance, debug.instance_id |
An instance of Lynx Engine |
Lynx Bundle, debug.pipeline_id |
Where all necessary resources needed for a Lynx App to run are bundled together. This usually comprises of: stylesheet, scripts, serialized element tree |
| LynxView | Similar to WebView in native developing. Renders bundle within host application’s context. |
Pipeline, debug.pipeline_id |
The lynx pipeline in Lynx development refers to the sequence of steps a Lynx app takes to convert its internal structures into the visual representation that users see and interact with on their screens. |
Timing Flags, debug.timing_flags |
The identifier (flag) of a Pipeline |
LoadTemplate, LynxLoadTemplate |
Load the Lynx Bundle (historical "Template"), resulting in FCP |
More from lynx-community/skills
lynx-devtool
Interact with Lynx DevTool to inspect and debug Lynx applications. Use this skill to list connected clients and sessions, send Chrome DevTools Protocol (CDP) commands, send App commands, and open URLs in Lynx. This is useful for debugging UI issues, inspecting runtime state, or automating interactions with Lynx apps.
886reactlynx-best-practices
ReactLynx best practices covering dual-thread architecture and React patterns. Provides rules reference for writing, static analysis for reviewing, and auto-fix for refactoring.
70lynx-typescript
|
67lynx-trace-analysis
|
55debug-info-remapping
Remap the function_id:pc_index to the original source code position by provided debug info json file.
54lynx-trace-record
This guide provides step-by-step instructions for recording Lynx performance traces. Use this guide when the user asks how to record a trace.
53