How do I ?

This is a how-to guide for the user-interface presented by the compiler explorer. This doesn't cover the details of how to setup or modify the compiler explorer for your own needs. For that, please check the documents which already cover topics like:

Fast links:

How do I ?

Change the assembly syntax from Intel

Output, intel and at&t

The option to switch assembly from Intel to AT&T syntax is present in the Output option of each compiler. If enough space is not present, the option also presents itself as the gear symbol (⚙)

Compare the time taken by compilation and networking

Brief overview of UI

This is the symbol that looks like the cellular network strength or a monotonically increasing bar graph (📶). If your compilations are taking long, you can use this to check the time taken by:

Networking, JavaScript, waiting for events, etc.
Checking the cache and retrieving from it on a cache-hit
Compilation (on force compilation or cache-miss)
Parsing the generated assembly before presenting it

View intermediate information provided by the compilers

Options for GCC Options for Clang

Though both GCC and Clang create supplementary outputs along with assembly (shown by default) and an executable (created if an executor has been added), the exact nature of the outputs and their formats differ between the compilers.

GCC only allows the RTL and graph output, while Clang allows optimization, AST, IR and graph outputs. Some of the outputs, like RTL and graph output also have a rich set of options in the UI to enable focussing on a particular function or compiler stage.