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:

Query

query GetReportForCrawl($crawlId: ObjectID!, $reportTemplateCode: String!) {
  getCrawl(id: $crawlId) {
    reportsByCode(
      input: {
        reportTypeCodes: Basic
        reportTemplateCodes: [$reportTemplateCode]
      }
    ) {
      rows {
        nodes {
          ... on CrawlSiteSpeedAuditItems {
            opportunityDigest
            element
            url
            wastedSecs
            pageviews
            productOfWastedSecsAndPageviews
            auditResult
          }
        }
      }
    }
  }
}

Variables

{"crawlId":"TjAwNUNyYXdsNDAwMA","reportTemplateCode":"mainthread_style_layout_items"}

cURL

curl -X POST -H "Content-Type: application/json" -H "apollographql-client-name: docs-example-client" -H "apollographql-client-version: 1.0.0" -H "x-auth-token: YOUR_API_SESSION_TOKEN" --data '{"query":"query GetReportForCrawl($crawlId: ObjectID!, $reportTemplateCode: String!) { getCrawl(id: $crawlId) { reportsByCode( input: { reportTypeCodes: Basic reportTemplateCodes: [$reportTemplateCode] } ) { rows { nodes { ... on CrawlSiteSpeedAuditItems { opportunityDigest element url wastedSecs pageviews productOfWastedSecsAndPageviews auditResult } } } } } }","variables":{"crawlId":"TjAwNUNyYXdsNDAwMA","reportTemplateCode":"mainthread_style_layout_items"}}' https://api.lumar.io/graphql

Try in explorer