1<%- include('template_header.html'); -%> 2<main class="site-content"> 3 <div class="section-wrapper"> 4 <section class="banner"> 5 <h1><span>System profiling,</span> <span>app tracing</span> <span>and trace analysis</span></h1> 6 <h2>Open-Source · Portable · Efficient</h2> 7 <div class="home-img"><img src="/assets/home.png" alt="Perfetto"></div> 8 </section> 9 </div> 10 11 <div class="section-wrapper"> 12 <section class="home-highlights"> 13 <a href="#profiling"><div class="icon"></div>System Profiling</a> 14 <a href="#tracing"><div class="icon"></div>In-App Tracing</a> 15 <a href="#viewer"><div class="icon"></div>Trace Viewer</a> 16 <a href="#analysis"><div class="icon"></div>Trace Analysis</a> 17 </section> 18 </div> 19 20 <div class="section-wrapper"> 21 <section class="home-section" id="profiling"> 22 <img src="/assets/sys_profiling.png" alt="Profiling illustration"> 23 <div> 24 <h2>System-wide profiling for Linux and Android</h2> 25 <div class="home-item"> 26 <i class="material-icons-round">sort</i> 27 <h3>Linux kernel tracing</h3> 28 <p>Capture high frequency ftrace data: scheduling activity, task switching latency, CPU frequency and much more</p> 29 </div> 30 <div class="home-item"> 31 <i class="material-icons-round">nfc</i> 32 <h3>Userspace profilers and extra probes</h3> 33 <p>Native heap profiling, Java heap profiling, pollers for /proc stat files</p> 34 </div> 35 <div class="home-item"> 36 <i class="material-icons-round">android</i> 37 <h3>Built into Android</h3> 38 <p>Part of the platform since Android 9 Pie, runs on Linux as well</p> 39 </div> 40 <a href="/docs/quickstart/android-tracing" class="button">Get Started</a> 41 </div> 42 </section> 43 </div> 44 45 <div class="section-wrapper"> 46 <section class="home-section" id="tracing"> 47 <img src="/assets/app_tracing.png" alt="Tracing illustration"> 48 <div> 49 <h2>App Tracing</h2> 50 <div class="home-item"> 51 <i class="material-icons-round">developer_mode</i> 52 <h3>Efficient trace point instrumentation</h3> 53 <p>Log your C++ app’s activity with high throughput, low overhead trace points</p> 54 </div> 55 <div class="home-item"> 56 <i class="material-icons-round">ballot</i> 57 <h3>Structured and configurable events</h3> 58 <p>Define custom protobuf messages to represent strongly-typed app-specific information, trace only what you need</p> 59 </div> 60 <div class="home-item"> 61 <i class="material-icons-round">view_compact</i> 62 <h3>Integrated with system-wide tracing</h3> 63 <p>Correlate your app’s state with system-wide profiling data on the same timeline</p> 64 </div> 65 <a href="/docs/instrumentation/tracing-sdk" class="button">Get Started</a> 66 </div> 67 </section> 68 </div> 69 70 <div class="section-wrapper"> 71 <section class="home-section" id="viewer"> 72 <img src="/assets/ui.png" alt="Trace viewer illustration"> 73 <div> 74 <h2>Trace Viewer</h2> 75 <div class="home-item"> 76 <i class="material-icons-round">timeline</i> 77 <h3>Interactive trace exploration</h3> 78 <p>Record, view and process trace data with the Perfetto UI</p> 79 </div> 80 <div class="home-item"> 81 <i class="material-icons-round">file_copy</i> 82 <h3>Supports popular trace format files</h3> 83 <p>TraceEvent JSON, Android systrace, ftrace text output</p> 84 </div> 85 <div class="home-item"> 86 <i class="material-icons-round">offline_bolt</i> 87 <h3>Runs fully in your browser</h3> 88 <p>No server interaction involved, works even if you are offline</p> 89 </div> 90 <div> 91 <a href="//ui.perfetto.dev" class="button">Open the UI</a> 92 </div> 93 </div> 94 </section> 95 </div> 96 97 <section class="home-section" id="analysis"> 98 <img src="/assets/analysis.png" alt="Trace analysis illustration"> 99 <div> 100 <h2>Trace Analysis</h2> 101 <div class="home-item"> 102 <i class="material-icons-round">storage</i> 103 <h3>SQL-based trace model</h3> 104 <p>Trace processor ingests traces and exposes a SQLite-based 105 interface to access the contents of the trace, both via shell and UI 106 </p> 107 </div> 108 <div class="home-item"> 109 <i class="material-icons-round">speed</i> 110 <h3>Large trace analysis</h3> 111 <p> 112 Supports traces up to tens of GBs 113 </p> 114 </div> 115 <div class="home-item"> 116 <i class="material-icons-round">compare_arrows</i> 117 <h3>Interoperable</h3> 118 <p>Can import and export popular trace formats: Chromium JSON trace format, Android Systrace, ftrace, CSV</p> 119 </div> 120 <div> 121 <a href="/docs/analysis/trace-processor" class="button">Learn more</a> 122 </div> 123 </div> 124 </section> 125 126 <%- include('template_footer.html'); -%> 127</main> 128 129</body> 130</html> 131 132
