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 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

{"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 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":{"crawlId":"TjAwNUNyYXdsNDAwMA","reportTemplateCode":"mainthread_style_layout_items"}}' https://api.lumar.io/graphql

Try in explorer