# Main Thread Style and Layout

This report lists URLs and the time taken for style calculations and layout processes on the main thread. This includes activities related to computing CSS styles and arranging the layout of elements on the page.

**Priority**: None

**Impact**: Neutral

## How to fetch the data for this report template

You will need to run a crawl for report template to generate report. When report has been generated and you have
crawl id you can fetch data for the report using the following query:


```graphql
query GetReportStatForCrawl(
      $crawlId: ObjectID!
      $reportTemplateCode: String!
      $after: String
     ) {
        getReportStat(
          input: {crawlId: $crawlId, reportTemplateCode: $reportTemplateCode}
        ) {
          crawlSiteSpeedAuditItems(after: $after, reportType: Basic) {
            nodes {
              opportunityDigest
              element
              url
              wastedSecs
              pageviews
              productOfWastedSecsAndPageviews
              auditResult
            }
            totalCount
            pageInfo {
              endCursor
              hasNextPage
            }
          }
       }
     }
```

**Variables:**
```json
{"crawlId":"TjAwNUNyYXdsNDAwMA","reportTemplateCode":"mainthread_style_layout_items"}
```